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 } } : {}),
             }}