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 to make tabs not so tall in Firefox 70?

  • 4 replies
  • 1 has this problem
  • 37 views
  • Last reply by OneMoreName

more options

Firefox 70 has made the tab hight taller, and now they overlap the window frame on my computer (Win 7). How do I get them back to their size in Firefox 69 and stop them from eating into the frame? CSS is fine.

Firefox 70 has made the tab hight taller, and now they overlap the window frame on my computer (Win 7). How do I get them back to their size in Firefox 69 and stop them from eating into the frame? CSS is fine.

Chosen solution

Did you try other Density settings via customize mode?

Were you using code in userChrome.css to modify the height of the Tab bar ?

Read this answer in context 👍 1

All Replies (4)

more options

Chosen Solution

Did you try other Density settings via customize mode?

Were you using code in userChrome.css to modify the height of the Tab bar ?

more options

cor-el said

Did you try other Density settings via customize mode? Were you using code in userChrome.css to modify the height of the Tab bar ?

When I opened customize mode, the density option showed that "compact" was chosen already. Just from frustration I clicked "compact" again anyway. Then, unexpectedly, the tabs shrank -- they became shorter. Possibly the upgrade to 70 did not carry over the setting or keep it in effect. The tabs still intrude into the window frame, but leave about half of the frame uncovered. This is much better visually, and I can live with it, but if you have a CSS suggestion that would shrink the whole tab bar so it did not enter the window frame I would welcome it.

Modified by OneMoreName

more options

There is a Drag Space setting in customize mode to make it possible to drag the Window instead of dragging the tabs around. This works differently with the title bar and menu bar hidden (i.e. tab are drawn in the title bar).

more options

I have found a CSS element that is going to work.

  1. TabsToolbar .tabbrowser-tab { margin-top: 8px !important; )

The "8px" will be tuned up in a while -- just verifying that it has an effect.

Thanks.