diff --git a/styles.css b/styles.css
index edd16ec..40e913d 100644
--- a/styles.css
+++ b/styles.css
@@ -365,8 +365,9 @@ body {
     }
 
     .chart-eye-btn {
-        display: none;
+        display: none !important;
     }
+
 }
 
 @media (max-width: 500px) {
@@ -415,10 +416,6 @@ body {
         box-shadow: none;
         border-radius: 0;
     }
-
-    .chart-eye-btn {
-        display: none;
-    }
 }
 
 @media (max-width: 400px) {
@@ -515,6 +512,14 @@ body {
     opacity: 0.5;
 }
 
+/* Always show eye buttons on touch/narrow devices (no hover) */
+@media (max-width: 850px) {
+    .eye-btn,
+    .header-eye-btn {
+        opacity: 0.5;
+    }
+}
+
 /* Floating eye button on chart (shown when hovering over sunburst sector) */
 .chart-eye-btn {
     position: absolute;