diff --git a/src/app/app.component.scss b/src/app/app.component.scss
index e7ea2bd..6bfba73 100644
--- a/src/app/app.component.scss
+++ b/src/app/app.component.scss
@@ -1,3 +1,10 @@
+// To allow the inner overlay (and other items) to use z-indexes greater than 1
+.mat-sidenav {
+  &-container, &-content {
+    z-index: auto;
+  }
+}
+
 mat-toolbar {
   position: -webkit-sticky;
   position: sticky;
diff --git a/src/app/components/overlay.scss b/src/app/components/overlay.scss
index 6270d80..d3950e5 100644
--- a/src/app/components/overlay.scss
+++ b/src/app/components/overlay.scss
@@ -5,7 +5,7 @@
   position: fixed;
   left: 0;
   top: 0;
-  z-index: 1;
+  z-index: 1200;
   overflow: hidden;
   color: white;
   display: flex;