diff --git a/src/components/control-panel/control-panel.js b/src/components/control-panel/control-panel.js
index e864ab5..cfc5013 100644
--- a/src/components/control-panel/control-panel.js
+++ b/src/components/control-panel/control-panel.js
@@ -338,7 +338,7 @@ export const ControlPanel = () => {
         '&:hover': { filter: 'opacity(1.0)' },
         height: 'auto',
         width: '300px',
-        zIndex: 1001,
+        zIndex: 999,
         borderRadius: 'sm',
       }}
     >
diff --git a/src/components/legend/legend.js b/src/components/legend/legend.js
index 223c811..430d031 100644
--- a/src/components/legend/legend.js
+++ b/src/components/legend/legend.js
@@ -121,7 +121,7 @@ export const MapLegend = () => {
                         filter: 'opacity(0.9)',
                         '&:hover': { filter: 'opacity(1.0)' },
                         padding: '10px',
-                        zIndex: 1001,
+                        zIndex: 999,
                         borderRadius: 'sm',
                         visibility: legendVisibilty,