From 68e5e947e271133a4d9a900d2ed639709598c778 Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Fri, 16 Jan 2026 21:07:47 +0100
Subject: [PATCH] style: revert map colors to standard choropleth and restore
 hover fill

---
 components/dashboard/WorldMap.tsx | 12 ++----------
 1 file changed, 2 insertions(+), 10 deletions(-)

diff --git a/components/dashboard/WorldMap.tsx b/components/dashboard/WorldMap.tsx
index fc9f756..6c1410f 100644
--- a/components/dashboard/WorldMap.tsx
+++ b/components/dashboard/WorldMap.tsx
@@ -36,7 +36,7 @@ const WorldMap = ({ data }: WorldMapProps) => {
 
   const colorScale = scaleLinear<string>()
     .domain([0, processedData.max || 1])
-    .range(["#FD5E0F", "#fed7aa"]) // brand orange to orange-200 (inverted: less visitors = darker)
+    .range(["#fed7aa", "#FD5E0F"]) // orange-200 to brand orange (standard: more visitors = darker)
 
   // Dark mode adjustment
   const isDark = resolvedTheme === 'dark'
@@ -65,15 +65,7 @@ const WorldMap = ({ data }: WorldMapProps) => {
                       strokeWidth={0.5}
                       style={{
                         default: { outline: "none", transition: "all 250ms" },
-                        hover: { 
-                          fill: count > 0 ? colorScale(count) : defaultFill,
-                          stroke: "#FD5E0F",
-                          strokeWidth: 2,
-                          outline: "none", 
-                          cursor: 'pointer',
-                          // Bring to front on hover so border isn't covered by neighbors
-                          zIndex: 100, 
-                        },
+                        hover: { fill: "#FD5E0F", outline: "none", cursor: 'pointer' },
                         pressed: { outline: "none" },
                       }}
                       onMouseEnter={(evt) => {