[Bug]: OnyxBadge not displayed correctly in flex layout

[larsrickert]

Version

1.1.0

Description

Based on #4285

The OnyxBadge does not display correctly when using inside a flex layout.

Reproduction steps

First example
Second example

In both examples, the badges are not aligned vertically. Setting the following CSS seems to fix the issue:

.onyx-badge {
    vertical-align: middle;
    max-height: max-content;
}

Confirmations

• I have checked that there is not already a bug report for my issue.
• I confirm that are no sensitive information included in this bug report. e.g. credentials, internal project details (for employees of the Schwarz Group) etc.