On the FAQ page for RTL languages like Arabic, the first category is not properly aligned all the way to the right, although the other categories are.
It may be easier to understand the problem if you check the attached images or production, which both show more categories than staging has: Arabic FAQ on production.
This may fix it:
I inserted that CSS (using the Firefox browser inspect element stuff that also gives you access to the style sheets) and it works perfectly, bumping the first category down to fall in line with all the others.
The categories clear the buttons on all screen sizes. Looks good!
issue 1, main issue: RTL bullets are now below buttons.
issue 2, general RTL thing: bullets are slightly further to the right than I would've expected
issue 3, unrelated to language direction: buttons creep up into the header on wider displays
Issue 2 is AO3-5822.
Issue 3 will be fixed once we localize the buttons. Sarken:
3 is a little weird at the moment because we don't have the whole site set up to handle RTL languages. Displaying on the line is normal, it's just that ideally they should be on the left side, and "Available Categories" should be in the RTL language
By the time we get it so "Available Categories" and the text on the buttons are translated, that will be fixed