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 {