diff --git a/static/index.html b/static/index.html
index 457c1f0..b4be649 100644
--- a/static/index.html
+++ b/static/index.html
@@ -22,7 +22,7 @@
       position: fixed; top: 12px; left: 56px;
       background: white; padding: 10px 14px;
       border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.2);
-      z-index: 1000; font-size: 13px;
+      z-index: 2000; font-size: 13px;
       display: flex; align-items: center; gap: 8px;
     }
     .mode-btn {
@@ -38,7 +38,7 @@
       position: fixed; top: 56px; left: 56px;
       background: white; padding: 10px 14px;
       border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.2);
-      z-index: 1000; font-size: 13px; min-width: 260px;
+      z-index: 2000; font-size: 13px; min-width: 260px;
       display: none;
     }
     #slider-panel label { display: block; margin-bottom: 6px; font-weight: 600; }
@@ -51,7 +51,7 @@
       position: fixed; bottom: 20px; right: 20px;
       background: white; padding: 12px 16px;
       border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.2);
-      z-index: 1000; font-size: 13px; min-width: 180px;
+      z-index: 2000; font-size: 13px; min-width: 180px;
     }
     #legend h3 { margin-bottom: 8px; font-size: 14px; }
     .legend-gradient {
@@ -197,13 +197,13 @@
       if (mode === 'heatmap') {
         map.removeLayer(stationMarkers);
         if (heatLayer) map.addLayer(heatLayer);
-        document.getElementById('legend').style.display = '';
+        document.getElementById('legend').style.display = 'block';
         document.getElementById('slider-panel').style.display = 'none';
       } else {
         if (heatLayer) map.removeLayer(heatLayer);
         map.addLayer(stationMarkers);
         document.getElementById('legend').style.display = 'none';
-        document.getElementById('slider-panel').style.display = '';
+        document.getElementById('slider-panel').style.display = 'block';
       }
     }