From ced1107261a71494c4200565386f5bfaa842850e Mon Sep 17 00:00:00 2001
From: Mike Cao <mike@mikecao.com>
Date: Mon, 22 Jun 2026 23:26:01 -0700
Subject: [PATCH] Use sunken styling for heatmap page buttons

---
 .../[websiteId]/(reports)/heatmaps/Heatmap.module.css       | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/(main)/websites/[websiteId]/(reports)/heatmaps/Heatmap.module.css b/src/app/(main)/websites/[websiteId]/(reports)/heatmaps/Heatmap.module.css
index 8d3eb5bc0..3def7bb9a 100644
--- a/src/app/(main)/websites/[websiteId]/(reports)/heatmaps/Heatmap.module.css
+++ b/src/app/(main)/websites/[websiteId]/(reports)/heatmaps/Heatmap.module.css
@@ -49,13 +49,13 @@
 }
 
 .pageButton:hover {
-  background: var(--interactive-bg-hover);
+  background: var(--surface-sunken);
 }
 
 .pageButtonSelected,
 .pageButtonSelected:hover {
-  background: var(--surface-inverted);
-  color: var(--surface-base);
+  background: var(--surface-sunken);
+  font-weight: 600;
 }
 
 .summaryHeader {