diff --git a/server/templates/dashboard.html b/server/templates/dashboard.html
index bc4576d..4cd38ea 100644
--- a/server/templates/dashboard.html
+++ b/server/templates/dashboard.html
@@ -390,14 +390,21 @@
     }
     .hazard {
       background-color: var(--hazard);
+      filter: grayscale(0.35) brightness(0.62);
+    }
+    .hazard::after {
+      content: "";
+      position: absolute;
+      inset: 0;
       background-image: repeating-linear-gradient(
         135deg,
-        rgba(255, 255, 255, 0.18) 0,
-        rgba(255, 255, 255, 0.18) 2px,
-        rgba(0, 0, 0, 0) 2px,
-        rgba(0, 0, 0, 0) 6px
+        rgba(106, 90, 155, 0.55) 0,
+        rgba(106, 90, 155, 0.55) 2px,
+        transparent 2px,
+        transparent 6px
       );
-      filter: grayscale(0.35) brightness(0.62);
+      z-index: 2;
+      pointer-events: none;
     }
     .snake-you { background: var(--you); }
     .snake-enemy { background: var(--enemy); }