We are currently upgrading our Project to v7 and ran into an issue with the badge that i can neither explain nor fix.
When using firefox the label inside the badge with no styles applied it is not vertically aligned in the center. I also was not able to fix it by using the verticalAlign:"center" styles prop on the label. The exact same code on chrome, however, is perfectly centered just like shown in the Docs.
Has this issue been encountered before? I would be very grateful for a response, explanation or fix 🙂
Note: the screenshots are both from the Firefox version and when highlighting the text you can see that the box in which the text is rendered is centered, but the text inside is not.