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

Tabs now to small and behavior strange in FF 78.3esr

  • 13 replies
  • 1 has this problem
  • 8 views
  • Last reply by mozilla171

more options

First I have to say that I absolutely HATE HATE HATE how Mozilla breaks everything with every upgrade now. Hate it. It feels like getting bent over by IE all over again.

I upgraded from 68.something to 78.3 esr and now my tabs are teeny tiny and the one that is selected gets bigger and leaks into the web page (see pic). I already fixed the "tabs on top of everything" issue that the upgrade introduced, but now this.

How do I make my regular tabs and pinned tabs bigger like they were before? And stop the current tab from leaking over the bottom boundary into the web page?

First I have to say that I absolutely '''HATE HATE HATE''' how Mozilla breaks everything with every upgrade now. Hate it. It feels like getting bent over by IE all over again. I upgraded from 68.something to 78.3 esr and now my tabs are teeny tiny and the one that is selected gets bigger and leaks into the web page (see pic). I already fixed the "tabs on top of everything" issue that the upgrade introduced, but now this. How do I make my regular tabs and pinned tabs bigger like they were before? And stop the current tab from leaking over the bottom boundary into the web page?
Attached screenshots

All Replies (13)

more options

It looks even crappier when I try to make the tabs bigger with the Density control set to "Touch."

Now, not only is the current tab stupidly big, but the bottom of the other tabs is getting cut off.

And why is there a double line under the tabs?

I knew I shouldn't have upgraded.  :(  :(  :(  :(  :(

more options

How does it look like after setting toolkit.legacyUserProfileCustomizations.stylesheets to false in about:config and restarting the browser?

more options

TyDraniu said

How does it look like after setting toolkit.legacyUserProfileCustomizations.stylesheets to false in about:config and restarting the browser?

Looks great! Except now the tabs are above the address bar, and just under title bar, AGAIN!!!!!

Why is 2020 Firefox worse than 2010 Firefox, in every way?

Modified by mozilla171

more options

You likely have a userChrome.css in the chrome folder in the profile folder that makes some modifications to the appearance of the Firefox user interface. Setting the above mentioned pref disables userChrome.css (user interface) and userContent.css (web pages).

More info:

more options

cor-el said

You likely have a userChrome.css in the chrome folder in the profile folder that makes some modifications to the appearance of the Firefox user interface. Setting the above mentioned pref disables userChrome.css (user interface) and userContent.css (web pages). More info:

I deleted my userChrome.css (I had no userContent.css) and the tabs are still above the address bar, bookmarks bar, etc.

How do I get the tabs back below the address bar and above the bookmarks bar?

more options

mozilla171 said

Looks great! Except now the tabs are above the address bar, and just under title bar, AGAIN!!!!! Why is 2020 Firefox worse than 2010 Firefox, in every way?

It's not worse, only your css modification from 2010 is broken in 2020.

more options

By default the Tab bar is above the Navigation Toolbar. You can't get the Tab bar between the Navigation Toolbar and the Bookmarks Toolbar. You can only move the Tab bar below all the toolbars (i.e. below the Bookmarks Toolbar) via userChrome.css like you previously had when you had userChrome.css enabled.

more options

cor-el said

By default the Tab bar is above the Navigation Toolbar.

That's ridiculous. I should be able to put it where I want it.

cor-el said

You can only move the Tab bar below all the toolbars (i.e. below the Bookmarks Toolbar) via userChrome.css like you previously had when you had userChrome.css enabled.

Okay, fine, so how do I do that?

more options

The only way to move the Tab bar from the default position above the Navigation Toolbar to a lower position is by using userChrome.css like you previously had, so you will have to restore this file with code that works for you. If you have this file in the Windows Recycle bin then you can restore userChrome.css to the chrome folder, otherwise you need to create a new file.

You can look at the basic code I posted in this thread that works for me in a large range of Firefox versions (68-83).

Modified by cor-el

more options

Just copied the text in questions/1305615 into a newly-created userChrome.css file in my profile. Restarted FF and still the same.  :-(

Modified by mozilla171

more options

Did you switch back the preference?

more options

In Firefox 69 and later you need to set this pref to true on the about:config page to enable userChrome.css and userContent.css in the chrome folder.

  • toolkit.legacyUserProfileCustomizations.stylesheets = true

See:

more options

cor-el said

In Firefox 69 and later you need to set this pref to true on the about:config page to enable userChrome.css and userContent.css in the chrome folder.
  • toolkit.legacyUserProfileCustomizations.stylesheets = true
See:

That did it, thanks!  :-)