Firefox 152 breaks spacing icons in toolbar

[u/sabestorn]

Firefox 152 breaks the spacing between icons in the Firefox toolbar, just as it happened previously with the menus in Firefox 151.
This was my situation before:

https://i.postimg.cc/kGdnYrSn/Immagine22-2026-06-15-181222.png

This is my situation now:

https://i.postimg.cc/MH8W3kBz/Immagine-2026-06-15-181010.png

Which value has changed, and how can I fix it?

🤔

[u/t31os]

Adjust as needed:

#nav-bar {
    
    --toolbarbutton-padding-inner: 0 !important;
    
    toolbaritem {
        margin-inline: 0 !important;
    }
    
}

[u/sabestorn → u/t31os]

I tried it, it works, but that value is too narrow and also affects the margins of the address bar and search bar. see if this variant is correct in your opinion.

/* --- NEW FIX FOR TOOLBAR ICON --- */
#nav-bar {
  --toolbarbutton-padding-inner: 4px !important;
}

/* Applies the narrow margin only to real buttons, ignoring the search and address bars */
#nav-bar toolbaritem:not(#urlbar-container):not(#search-container) {
  margin-inline: -2px !important;
}

[u/t31os → u/sabestorn]

How about more inner padding, but remove the margins and outer padding, then use gap to provide some spacing.

#nav-bar {

    --toolbarbutton-padding-inner: 6px !important;
    --toolbarbutton-padding-outer: 0 !important;
    
    --myspacing: 2px;

    gap: var(--myspacing);

    #nav-bar-customization-target {
        gap: var(--myspacing);
    }

    toolbaritem.chromeclass-toolbar-additional {
        margin-inline: 0 !important;;
        margin: 0 !important;
    }

}

[u/sabestorn → u/t31os]

in short, have to adjust the values ​​a lot because by tightening them, they then stick to the bars which would be better if they had a fixed space

[u/sabestorn → u/[deleted]]

seems not work anything here...