You’re going to need do a little bit of trial and error to get it exactly as you want.
Additionally, all you said was you didn’t want it to overlap, which the CSS I suggested fixed. You didn’t mention any other specifics about how you wanted it to look.
Also, when I provide some custom CSS, it’s to show you how you can use it to modify the styling, and to hopefully act as a guide so you can make the necessary refinements to get it to the perfect you require.
With that in mind, since, you have two different pages with opposite RTL text values, you’re likely going to need to use separate CSS for each.
Having said that, I’m not sure what it is you want to adjust about the current way it looks. You want them side by side? An example of how you might do that would be:
.ufaq-permalink-image{
margin-top: -26px;
margin-left: 90px;
}
.rtl .ufaq-permalink-image {
margin-top: -26px;
margin-right: 90px;
}