diff --git a/src/components/molecules/MapProviderDrawer/MapProviderDrawer.tsx b/src/components/molecules/MapProviderDrawer/MapProviderDrawer.tsx index 82aa174..ecc7b4d 100644 --- a/src/components/molecules/MapProviderDrawer/MapProviderDrawer.tsx +++ b/src/components/molecules/MapProviderDrawer/MapProviderDrawer.tsx @@ -57,15 +57,16 @@ const ClusterRow: React.FC<{ '&:hover': { bgcolor: 'var(--fa-color-surface-subtle)' }, }} > - {/* Verified-icon slot — height tuned to the name's line-box so the - tick aligns with the title top, empty slot keeps other names - left-aligned on the same x-origin. */} + {/* Verified-icon slot — reserved width + fixed line-height so the icon + sits on the name's line-box regardless of location/rating meta + below. Mirrors desktop ClusterPopup's treatment (D043 refinement). */} @@ -78,6 +79,7 @@ const ClusterRow: React.FC<{ sx={{ fontWeight: 600, color: p.verified ? 'primary.main' : 'text.primary', + lineHeight: 1.25, mb: 0.25, }} > @@ -182,13 +184,15 @@ export const MapProviderDrawer = React.forwardRef {/* Header strip — holds the close X (and the cluster count when - applicable) so neither sits over the card image below. */} + applicable) so neither sits over the card image below. + Horizontal padding matches the cluster rows (px: 2) so the + heading aligns with the row content beneath. */}