When viewing a forum with an RTL language, the icon padding is added to the .icon selector rather than .icon::before selector in bidi.css, 

This causes the header layout to look funny when the screen is minimized and also affects the icon positioning throughout the style as it doesn't match the standard LTR setup.

The incorrect selector in bidi.css is:

.rtl .icon {

    padding-right: 0;

    padding-left: 2px;

}

It should be:

.rtl .icon:before {

    padding-right: 0;

    padding-left: 2px;

}

There is also a bit of code missing which affects button icon padding and can be added under the above code:

.rtl .button .icon:before {

    padding-left: 0;

}