This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

How can I get a border around inactive tabs?

more options

Hello,

I updated firefox and it's now hard to tell when one tab ends and another begins when you have multiple inactive tabs next to each other, which is a major annoyance.

The way to solve this would be to have the inactive tabs have a border around them like the active tab, have them have a different background color from the toolbar, or otherwise have some kind of separator between them. I saw another answer that gave a temporary solution, but the same answer said the solution was going to stop working in a future update. Is there a permanent solution?

Hello, I updated firefox and it's now hard to tell when one tab ends and another begins when you have multiple inactive tabs next to each other, which is a major annoyance. The way to solve this would be to have the inactive tabs have a border around them like the active tab, have them have a different background color from the toolbar, or otherwise have some kind of separator between them. I saw another answer that gave a temporary solution, but the same answer said the solution was going to stop working in a future update. Is there a permanent solution?

All Replies (3)

more options

This is a suggestion not a solution but you could try a tabs sidebar extension for vertical tabs if you use a lot of tabs in a single window and hide the horizontal tab bar in userChrome.css. There it might be easier to see where the tabs start and end.

more options

+1 to the problem

the following doesn't work anymore: - disable 'proton' in 'about:config' - add .tabbrowser-tab { background-image: ... } to userChrome.css + toolkit.legacyUserProfileCustomizations.stylesheets=true

 from: https://support.mozilla.org/en-US/questions/1287031

i really don't see any other solution...

more options

Mozilla doesn't officially support userChrome.css style hacking due to the risk of rule breakage as Firefox continuously evolves. Now that I have that out of the way...

Check out my code generator here. In the middle column, there are three options for background tab separation:

https://www.userchrome.org/firefox-89-styling-proton-ui.html#tabstyler