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.

Avatar for Username

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

This thread was archived. Please ask a new question if you need help.

How to reduce default tab size

  • 2 replies
  • 0 have this problem
  • 3644 views
  • Last reply by cor-el

Kociarnia
Kociarnia
more options

Hi, i would like to reduce the default tab size, how do i do that?

Hi, i would like to reduce the default tab size, how do i do that?
Attached screenshots

Chosen solution

That would involve overriding this rule via code in userChrome.css. Note that you need to add the !important flag. 

.tabbrowser-tab:not([pinned]) { max-width: 150px !important; }

See also: 

.tabbrowser-tab:not([pinned]) {
  flex: 100 100;
  max-width: 225px;
  min-width: var(--tab-min-width);
  transition: min-width 100ms ease-out,
              max-width 100ms ease-out;
}

Read this answer in context 👍 0

All Replies (2)

Terry
Terry
more options

Hi. Assuming you mean the width, enter about:config in the address bar and change the value in the following preference. browser.tabs.tabMinWidth The minimum you can set is 50.

https://support.mozilla.org/en-US/kb/about-config-editor-firefox

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Chosen Solution

That would involve overriding this rule via code in userChrome.css. Note that you need to add the !important flag. 

.tabbrowser-tab:not([pinned]) { max-width: 150px !important; }

See also: 

.tabbrowser-tab:not([pinned]) {
  flex: 100 100;
  max-width: 225px;
  min-width: var(--tab-min-width);
  transition: min-width 100ms ease-out,
              max-width 100ms ease-out;
}