[Bug]: Icon alignment in bookmarks bar

[mclarenf1lm15]

What happened?

I know this is incredibly minor, but at least for me, the icons in the bookmark bar are a couple of pixels further down than the text.

In Firefox:

In Chrome:

Additional info (Optional)

Firefox version: 120 Operating system: Windows 11

[edelvarden]

Don't worry about is this minor or not, because I can miss something.

Added fixes and implemented new style for bookmarks bar, can you test again please.

[mclarenf1lm15]

Unfortunately it didn't seem to change anything.

Although (and I by no means have any coding knowledge) when I changed this

nav-bar #stop-button .toolbarbutton-icon{padding:4px !important}

to

nav-bar #stop-button .toolbarbutton-icon{padding:30px !important}

It went from:

to

Slight difference, but the text and icons seemed to align but obviously the other parts were thicker.

[edelvarden]

I can't reproduce your issue, in my case its looks like Where the first is in Chrome and the second is in Firefox, both have the same position and sizes.

As a solution I can suggest you to use the following selector instead of yours

#PlacesToolbarItems > .bookmark-item > label {
 transform: translateY(2px) !important;
}

Change 2px to your own value, but I think value 1 or 2 can solve your isssue.

[mclarenf1lm15]

1px worked for me. Thank you!