Fix off-center icon in breadcrumb (RND-12092)

The breadcrumb crumb is laid out inline, so the icon rendered next to the
label defaulted to vertical-align: baseline and its square box sat on the
text baseline, appearing shifted up. Align it to the middle of the text,
matching how inline icons/images are aligned elsewhere.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01QSEiRkE1nPdYDJjWwZBmys
This commit is contained in:
Claude
2026-07-21 00:10:27 +00:00
parent 1eb763f9c5
commit 25eceeb60e
@@ -47,7 +47,10 @@ export function BreadcrumbItemDropdown(props: {
const content = (
<>
{emoji || icon ? (
<PageIcon page={{ emoji, icon }} style="mr-1 inline size-[1em] shrink-0" />
<PageIcon
page={{ emoji, icon }}
style="mr-1 inline size-[1em] shrink-0 align-middle"
/>
) : null}
{label}
</>