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!

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 do I reduce the width of pinned tabs in Firefox?

  • 5 replies
  • 2 have this problem
  • 5 views
  • Last reply by NeedHelp

more options

I would like to reduce the size--specifically the width--of tabs that I have pinned.

Although they are small, I have many of them, so it leaves little room for the remaining unpinned tabs.

What is the easiest way to reduce the width of the pinned tabs?

Thanks.

I would like to reduce the size--specifically the width--of tabs that I have pinned. Although they are small, I have many of them, so it leaves little room for the remaining unpinned tabs. What is the easiest way to reduce the width of the pinned tabs? Thanks.

All Replies (5)

more options

Hmm, there might be an easier way, but here's one way: create a custom style rule to style those tabs. This is an example:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
.tab-content[pinned="true"]:not([selected="true"]) { /* Space next to icon */
    padding-left: 3px !important;
    padding-right: 3px !important;
}
.tab-background[pinned="true"]:not([selected="true"]) {
    display: none !important;
}

The result is illustrated in the attached "before and after" screen shot. Is this along the lines you want?

You can apply custom style rules to Firefox's user interface either by using the Stylish extension or by creating/editing a userChrome.css file. Personally I tend to use Stylish because it is fast to tweak and preview changes when editing a rule.

more options

JScher,

Thank you for the solution, and the detailed reply.

I tried this, using the Stylish extension.

It did indeed reduce the size of the pinned tabs, as intended.

However, these tabs were no longer functional--when you click on them, nothing happens.

I tried increasing the px to 5 but same result.

Any thoughts?

Thanks very much for your help.

more options

How many pinned tabs do you have?

It is more common to reduce the minimum width of unpinned tabs to have more fit on the tab bar.

more options

Hi ApersoninDC, sorry about that. I must not have tested again after adding the second rule, which suppresses the background. Allowing the background makes the tabs larger and they work. So finding a way to shrink the background without supressing it completely would be the logical next step. Until then, delete those last 3 lines.

more options

thankyou jscher2000. just what i was looking for. i used the above, scrpt in the add-on minus the last 3 lines. the result works-- thankyou! thankyou! --- visually not brilliant to look at as the icon of the tab is hard left to edge (on left) and some space on the right. it would be nicer visually if the icon of the pinned tab was centred.

but I changed the left hand side padding to 7px. it centres. (nice preview function of the add-on). does not make sense to me, but it worked!

Modified by NeedHelp