We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

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

Cuireadh an snáithe seo sa chartlann. Cuir ceist nua má tá cabhair uait.

How to reduce default tab size

  • 2 fhreagra
  • 0 leis an bhfadhb seo
  • 1 view
  • Freagra is déanaí ó 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

Réiteach roghnaithe

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

Réiteach Roghnaithe

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;
}