diff --git a/nextjs/src/app/reports/[id]/(components)/ReportHexMap.tsx b/nextjs/src/app/reports/[id]/(components)/ReportHexMap.tsx
index 3a2f98f78..4ef39e41f 100644
--- a/nextjs/src/app/reports/[id]/(components)/ReportHexMap.tsx
+++ b/nextjs/src/app/reports/[id]/(components)/ReportHexMap.tsx
@@ -138,14 +138,14 @@ export default function ReportDashboardHexMap() {
                 r={hex.r * -1}
                 s={hex.q - hex.r}
                 style={{ fill: fillColor }}
-                className={`transition-colors duration-200 hover:brightness-125
-                  ${selectedBoundary === id ? 'stroke-2 stroke-pink-700' : ''}
+                className={`transition-colors duration-1000 hover:brightness-125
+                  ${selectedBoundary === id ? 'stroke-1 stroke-pink-700 animate-pulse' : ''}
                   ${count > 0 ? 'opacity-100' : 'opacity-50'}
                 `}
                 onMouseEnter={(e) => handleMouseEnter(e, hex)}
                 onMouseLeave={() => setTooltip(null)}
                 onClick={() => setSelectedBoundary?.(id)}
-              />
+              ></Hexagon>
             )
           })}
         </Layout>