Button in line with ButtonGroup slightly offset in Firefox

[Mackemania]

Describe the bug

When viewing a web-page the button after a button group is displayed differently in Google Chrome and Mozilla Firefox. The top borders of the button is aligned with the buttons in the button group in Chrome. In Firefox it is slightly offset downwards. Please note the "Print users"-button in the Firefox screenshot below. Zooming might be necessary.

Chrome Screenshot:

Firefox Screenshot:

How to reproduce

https://clarity-dark-theme-v5-a99ack.stackblitz.io

Steps to reproduce the behavior:

1. Watch the top and bottom edge of the buttons in Google Chrome and Mozilla Firefox.

Expected behavior

The buttons should be aligned in both browsers.

Versions

• Angular 12
• @cds/core: 5.5.1
• @cds/angular: 5.5.1
• Mozilla Firefox: 91.0.2 (64-Bit)
• Google Chrome: 93.0.4577.63 (64-Bit)

Clarity project:

• [x] Clarity Core
• [x] Clarity Angular/UI

Clarity version:

• [ ] v3.x
• [ ] v4.x
• [x] v5.x

Framework:

• [x] Angular
• [ ] React
• [ ] Vue
• [ ] Other:

Framework version:

• Angular 12

Device:

• Type: Dell Laptop
• OS: Windows 10
• Browser: Google Chrome and Mozilla Firefox
• Version:
  • Mozilla Firefox: 91.0.2 (64-Bit)
  • Google Chrome: 93.0.4577.63 (64-Bit)

[github-actions[bot]]

Hi there 👋, this is an automated message. To help Clarity keep track of discussions, we automatically lock closed issues after 14 days. Please look for another open issue or open a new issue with updated details and reference this one as necessary.