diff --git a/src/scripts/components/layers/layer-legend/layer-legend.module.styl b/src/scripts/components/layers/layer-legend/layer-legend.module.styl
index 40b262e5a..e04c4b2d6 100644
--- a/src/scripts/components/layers/layer-legend/layer-legend.module.styl
+++ b/src/scripts/components/layers/layer-legend/layer-legend.module.styl
@@ -4,7 +4,7 @@
   position: absolute
   top: 50%
   left: emCalc(22px)
-  z-index: 1
+  z-index: 2
   display: flex
   flex-direction: row
   height: 40%
diff --git a/src/scripts/components/main/data-viewer/data-viewer.module.styl b/src/scripts/components/main/data-viewer/data-viewer.module.styl
index a5b7f69f7..f40583456 100644
--- a/src/scripts/components/main/data-viewer/data-viewer.module.styl
+++ b/src/scripts/components/main/data-viewer/data-viewer.module.styl
@@ -4,3 +4,4 @@
   flex-direction: row
   width: 100%
   height: 100%
+  z-index: 0