Geist Mono: SVG icons misalign with text in flexbox containers

[esau-morais]

Font Name (Geist Sans/Geist Mono):

• Geist Sans
• Geist Mono

Description of the Issue:
SVG icons don't vertically align with Geist Mono text when using display: flex; align-items: center;, even with common fixes like display: block on the SVG. Tried out JetBrains Mono to confirm and the issue was gone.

Steps to Reproduce:

• Flex container with items-center
• 16px SVG icon + text using Geist Mono
• Icons appear offset from text baseline

Expected Behavior:
Monospace font should properly align with text.

Screenshots:

Geist Mono

vs

JetBrains Mono

Environment (please complete the following information):

• geist v1.5.1
• Next.js / Tailwind CSS

Additional Context:
Vertical metrics (ascender/descender values or sTypoLineGap) may be configured differently than other monospace fonts.