From b202523680510c02e3f0078089c1867491cba555 Mon Sep 17 00:00:00 2001 From: Claude Date: Tue, 3 Nov 2026 12:18:13 +0000 Subject: [PATCH] design-audit: use the caption typography token for Breadcrumbs and slider mark labels instead of off-scale 0.78rem/0.75rem Co-Authored-By: Claude Sonnet 5.5 Claude-Session: https://claude.ai/code/session_01WA2AWk59AyfKVxH7rnbj2X --- frontend/src/components/common/Breadcrumbs.tsx | 2 +- frontend/src/components/map/LocationPicker.tsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/frontend/src/components/common/Breadcrumbs.tsx b/frontend/src/components/common/Breadcrumbs.tsx index 338c6485..b344fc2f 100644 --- a/frontend/src/components/common/Breadcrumbs.tsx +++ b/frontend/src/components/common/Breadcrumbs.tsx @@ -34,7 +34,7 @@ export function Breadcrumbs({ items, sx }: BreadcrumbsProps) { alignItems: "center", flexWrap: "wrap", gap: 0.75, - fontSize: "0.78rem", + typography: "caption", color: "text.disabled", }, ...(Array.isArray(sx) ? sx : [sx]), diff --git a/frontend/src/components/map/LocationPicker.tsx b/frontend/src/components/map/LocationPicker.tsx index a36017e0..fe177dcf 100644 --- a/frontend/src/components/map/LocationPicker.tsx +++ b/frontend/src/components/map/LocationPicker.tsx @@ -488,7 +488,7 @@ export function LocationPicker({ }} sx={{ "& .MuiSlider-markLabel": { - fontSize: "0.75rem", + typography: "caption", }, ...(uncertaintyMixed ? { "& .MuiSlider-thumb": { opacity: 0.4 } } : {}), }}