From 86df44496f51d012edb9ac0b500da2a6c2cc478d Mon Sep 17 00:00:00 2001 From: Richie Date: Mon, 6 Apr 2026 20:46:15 +1000 Subject: [PATCH] Centre-align MapPin price text under provider name MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Visually reviewed in Storybook — left-aligned price looked unbalanced. Centring both lines makes the pin read as a cohesive label rather than a misaligned mini card. Co-Authored-By: Claude Opus 4.6 (1M context) --- src/components/atoms/MapPin/MapPin.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/atoms/MapPin/MapPin.tsx b/src/components/atoms/MapPin/MapPin.tsx index e0671f0..3785dfa 100644 --- a/src/components/atoms/MapPin/MapPin.tsx +++ b/src/components/atoms/MapPin/MapPin.tsx @@ -136,7 +136,7 @@ export const MapPin = React.forwardRef( sx={{ display: 'flex', flexDirection: 'column', - alignItems: 'flex-start', + alignItems: 'center', maxWidth: MAX_WIDTH, py: 0.5, px: PIN_PX,