Center the dashboard map in the container (#5987)

sanne-san · web-flow · commit 8795a3e561da · 2026-01-07T14:34:28.000Z
- The map was not vertically centered, which was particularly noticeable on smaller screens.
diff --git a/assets/js/dashboard/stats/locations/map.tsx b/assets/js/dashboard/stats/locations/map.tsx
@@ -163,7 +163,7 @@ const WorldMap = ({
       style={{ minHeight: MIN_HEIGHT }}
     >
       <div
-        className="relative mt-4 mx-auto w-full"
+        className="relative flex justify-center items-center mt-4 w-full"
         style={{ height: height, maxWidth: width }}
       >
         <svg

Original file line number	Diff line number	Diff line change
`@@ -163,7 +163,7 @@ const WorldMap = ({`
`163`	`163`	`style={{ minHeight: MIN_HEIGHT }}`
`164`	`164`	`>`
`165`	`165`	`<div`
`166`		`- className="relative mt-4 mx-auto w-full"`
	`166`	`+ className="relative flex justify-center items-center mt-4 w-full"`
`167`	`167`	`style={{ height: height, maxWidth: width }}`
`168`	`168`	`>`
`169`	`169`	`<svg`