[Bug]: text is not vertically centered for "Small" sized Buttons

[Rajdeepc]

Code of conduct

• I agree to follow this project's code of conduct.

Impacted component(s)

Button

Expected behavior

text is should be vertically centered for "Small" sized Buttons

Actual behavior

text is not vertically centered for "Small" sized Buttons on Firefox and iOS (tested on the iOS 17.5 simulator). Looks fine in Chrome & Safari on MacOS.

Screenshots

What browsers are you seeing the problem in?

Firefox, Chrome, Safari

How can we reproduce this issue?

1. Go to https://opensource.adobe.com/spectrum-web-components/storybook/index.html?path=/story/button-primary-fill-sizes--s
2. Check the line height of the text inside the Size S button

Sample code or abstract reproduction which illustrates the problem

No response

Severity

SEV 4

Logs taken while reproducing problem

No response

[Rajdeepc]

@pfulton Can you please help us triage this. I see this in CSS size S buttons

[rise-erpelding]

Hi @Rajdeepc! It looks like we tried to fix this awhile back: adobe/spectrum-css#2145

Ultimately since the issue is specific to MacOS Firefox (and not Windows), it's tricky to target a fix that won't affect other browsers.

This relates to a longstanding bug in Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=480196