From be36cebb4324a90794ea4cdd482facae9abf0144 Mon Sep 17 00:00:00 2001 From: "Roji Philip (via MelvinBot)" Date: Sat, 5 Sep 2026 17:51:06 +0000 Subject: [PATCH] Vertically center the condensed badge count in the LHN tab pill Co-authored-by: Roji Philip --- src/styles/index.ts | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/styles/index.ts b/src/styles/index.ts index a0a421dc5deb..cfe99aef0994 100644 --- a/src/styles/index.ts +++ b/src/styles/index.ts @@ -1134,6 +1134,10 @@ const staticStyles = (theme: ThemeColors) => condensedBadgeText: { fontSize: variables.fontSizeExtraSmall, + // It is needed to unset the lineHeight inherited from badgeText. Otherwise the 9px glyph is + // laid out inside a 16px line box, which native resolves asymmetrically and renders the text + // too high. Unsetting it lets the text center on its own font metrics. + lineHeight: undefined, }, badgeDefaultText: { @@ -4824,7 +4828,7 @@ const staticStyles = (theme: ThemeColors) => tabSelectorBadge: { minWidth: 18, - height: 16, + minHeight: 16, marginLeft: 8, justifyContent: 'center', },