Tab label height and its margins

[innuendofloyd]

Hello,

Forgive me if this is not the right place to ask this.

I'm on Firefox beta 133.

I'm trying to reduce the height of tab label, together with "autohide_bookmarks_and_main_toolbars.css"

I use these lines:
:root { --tab-min-height: 24px !important; }
:root #tabbrowser-tabs { --tab-min-height: 24px !important; }

And changed this with -40px, to avoid gap under the tab label container, when main toolbar and bookmars are auto-hidden:

:root[uidensity="compact"] #navigator-toolbox{
--uc-navbar-height: -40px;

But it just doesn't feel right. After the changes made, now the urlbar height is increased:

Sometimes when I launch or reboot the browser, the urlbar height is correct but toolbar overlaps tab label:

Anyone can help please? Thank you

[MrOtherGuy]

If you want a simple way to achieve that then instead of trying to modify that --uc-navbar-height value, just add this at the end:

#TabsToolbar{
  margin-bottom: -6px;
}

Alternatively you might try non_floating_sharp_tabs.css