chrome://global/skin/toolbar.css

toolbarspacer {
  width: 15px;
}

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

toolbarspacer { width: 6px !important; }

See 'toolbar decorations' in this file: chrome://global/skin/toolbar.css <pre><nowiki> toolbarspacer { width: 15px; }</nowiki></pre> You can use code in userChrome.css to set a smaller width and add the "!important;" flag to override the default. *http://kb.mozillazine.org/userChrome.css <hr> <pre><nowiki>@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */ toolbarspacer { width: 6px !important; } </nowiki></pre> <hr> *create the <b>chrome</b> folder (lowercase) in the <xxxxxxxx>.default profile folder if this folder doesn't exist *use a plain text editor like Notepad to create a (new) <b>userChrome.css</b> file in the chrome folder (file name is case sensitive) *paste the code in the userChrome.css file in the editor window *make sure that the userChrome.css file starts with the default <u>@namespace line</u> *make sure that you select "All files" and not "Text files" when you save the file via "Save file as" in the text editor as userChrome.css.<br>otherwise Windows may add a hidden <i>.txt</i> file extension and you end up with a not working <i>userChrome.css.txt</i> file You can use the button on the "Help -> Troubleshooting Information" (about:support) page to go to the current Firefox profile folder or use the about:profiles page. *Help -> Troubleshooting Information -> Profile Directory:<br>Windows: Show Folder; Linux: Open Directory; Mac: Show in Finder *http://kb.mozillazine.org/Profile_folder_-_Firefox

Hi, I have ff55 & your code doesn't work, the length size remains the same, even re-dragged to the toolbar..

Works here. Did you verify that userChrome.css is a CSS file? Does other code in this file work?

i use stylish addon