diff --git a/src/app/components/analysis-panel/analysis-panel.component.scss b/src/app/components/analysis-panel/analysis-panel.component.scss
index 7b9066fe3698ea7a15d6b8bd1a220996f8f1d660..1fa7b34d447650d5eef79ea5c96d79456a224fd1 100644
--- a/src/app/components/analysis-panel/analysis-panel.component.scss
+++ b/src/app/components/analysis-panel/analysis-panel.component.scss
@@ -75,8 +75,12 @@
 
 .network-footer-toolbar{
   .dropdown-menu{
-    z-index: $analysis-network-toolbar-dropdown-z;
+    z-index: $analysis-network-toolbar-dropdown-z !important;
   }
 }
 
+.legend {
+  z-index: $analysis-network-legend-z !important;
+}
+
 
diff --git a/src/app/components/network-legend/network-legend.component.scss b/src/app/components/network-legend/network-legend.component.scss
index 4f9e5f13b74962c061ed7bf6d94afa16b9822918..e0b54d8c21a9a3342d3a41f2b9c502faf09baebb 100644
--- a/src/app/components/network-legend/network-legend.component.scss
+++ b/src/app/components/network-legend/network-legend.component.scss
@@ -6,6 +6,7 @@ div.legend {
   bottom: 0;
   left: 1rem;
   bottom: 1rem;
+  z-index: $explorer-networklegend-z;
   &.right {
     right: 0;
   }
diff --git a/src/stylesheets/variables.scss b/src/stylesheets/variables.scss
index ec9d882ba1294e16952fd420ea421a94dc0ce48d..92d52bd127889d7b834da2afd18ea60f9a2ef10e 100644
--- a/src/stylesheets/variables.scss
+++ b/src/stylesheets/variables.scss
@@ -5,12 +5,15 @@ $network-footer-inner-container-height: 25rem;
 $network-footer-space-button-to-border: 0.5rem;
 
 $explorer-network-z: 10;
+$explorer-networklegend-z: 20;
 $explorer-network-toolbar-dropdown-z: 20;
 
 $analysis-view-z: 30;
 $analysis-network-z: 40;
+$analysis-network-legend-z: 40;
 $analysis-network-toolbar-dropdown-z: 50;
 
+
 $analysis-tab-header-height: 2.5rem;
 $analysis-tab-header-padding: 1.5rem;