Move Firefox sidebar from left to right

I had a quick chat with a friend of mine lately and we ended up arguing whether the left or the right side would be the better position for the Firefox sidebar. While I did not really mind because I tend to disable the sidebar his opinion was that it would fit better on the right side because it would not interfere with the flow of the eye and website.

There is no “put sidebar on right side” button in Firefox but we can add some code to the beloved userChrome.css file to move it from the left side to the right.

Search for userChrome.css on your system and open it. Now scroll to the bottom of the file and add the following code to it. Restart Firefox after saving the changes and you will notice that the sidebar is now located on the right side whenever you display it.

hbox#browser { direction: rtl; }
hbox#browser > vbox { direction: ltr; }