From c065853800dfd5409b765decafeb44c6e88a753b Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Mon, 9 Mar 2026 15:05:28 +0100
Subject: [PATCH] Make map landmass dots more prominent in both themes

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 components/dashboard/DottedMap.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/dashboard/DottedMap.tsx b/components/dashboard/DottedMap.tsx
index f0799d8..0a6d7b8 100644
--- a/components/dashboard/DottedMap.tsx
+++ b/components/dashboard/DottedMap.tsx
@@ -22,7 +22,7 @@ function getCountryName(code: string): string {
 export default function DottedMap({ data, className }: DottedMapProps) {
   const width = 150
   const height = 68
-  const dotRadius = 0.2
+  const dotRadius = 0.25
   const [tooltip, setTooltip] = useState<{ x: number; y: number; country: string; pageviews: number } | null>(null)
 
   const { points, addMarkers } = createMap({ width, height, mapSamples: 8000 })
@@ -78,7 +78,7 @@ export default function DottedMap({ data, className }: DottedMapProps) {
     <div className="relative w-full h-full flex items-center justify-center">
       <svg
         viewBox={`0 0 ${width} ${height}`}
-        className={cn('text-neutral-300 dark:text-neutral-700', className)}
+        className={cn('text-neutral-400 dark:text-neutral-500', className)}
         style={{ width: '100%', height: 'auto', maxHeight: '100%' }}
       >
         <defs>