How to hide unusable buttons from the tab bar?

[kashamalasha]

I want to hide the following:

• Space selector (I use only one space in one browser, this button just takes up useful space on the bar)
• Open a new tab (I used to use ctrl+t to open a new tab; I never use the button for it).
• Plus-sign button on the bottom of the tab bar with the selector: New tab and Create Space. I never used any of these buttons.
  How can I do it?

[dosubot[bot]]

You can hide the Space selector, New tab button, and the plus-sign button using custom CSS in a userChrome.css file. Here’s how:

1. Go to about:support and open your Profile Directory.
2. Create a chrome folder if it doesn’t exist, then create or edit userChrome.css inside it.
3. Paste the following CSS to hide the elements:

/* Hide the Space selector */
.zen-current-workspace-indicator,
vbox.zen-workspace-tabs-section.zen-current-workspace-indicator {
  display: none !important;
}

/* Hide the New tab button (plus sign) */
#zen-create-new-button {
  display: none !important;
}

/* Optionally, hide the workspace switcher button if present */
#zen-workspaces-button {
  display: none !important;
}

4. In about:config, set toolkit.legacyUserProfileCustomizations.stylesheets to true if it isn’t already.
5. Restart Zen Browser.

Note: Hiding the Space selector may leave a small empty space due to layout constraints, and there’s no official setting to fully remove these elements without side effects. Disabling the New tab button is possible in Settings > Theme and experience, but full removal is most reliable with CSS. More details and selector updates are discussed here and here.

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}