diff --git a/src/components/ui/profile-pill.tsx b/src/components/ui/profile-pill.tsx index d9de8c3..4bb4701 100644 --- a/src/components/ui/profile-pill.tsx +++ b/src/components/ui/profile-pill.tsx @@ -6,7 +6,10 @@ import { cn } from "../../utils/cn"; import { Avatar, AvatarFallback, AvatarImage } from "./avatar"; const profilePillVariants = cva( - "group/profile-pill inline-flex w-fit items-center rounded-full text-foreground outline-none transition-colors [&:is(a,button):hover]:text-muted-foreground", + // normal-case/tracking-tight are load-bearing: app headers commonly set + // `uppercase tracking-widest` on the nav around it and both inherit, so the + // pill restates the base layer's own defaults rather than accepting them. + "group/profile-pill inline-flex w-fit items-center rounded-full text-foreground normal-case tracking-tight outline-none transition-colors [&:is(a,button):hover]:text-muted-foreground", { variants: { size: { diff --git a/tests/visual.spec.ts-snapshots/components-dark.png b/tests/visual.spec.ts-snapshots/components-dark.png index 538cbec..09f03f4 100644 Binary files a/tests/visual.spec.ts-snapshots/components-dark.png and b/tests/visual.spec.ts-snapshots/components-dark.png differ diff --git a/tests/visual.spec.ts-snapshots/components-light.png b/tests/visual.spec.ts-snapshots/components-light.png index efd00e9..de26a8b 100644 Binary files a/tests/visual.spec.ts-snapshots/components-light.png and b/tests/visual.spec.ts-snapshots/components-light.png differ