underlay improvements

1 files changed, 2 insertions, 4 deletions

diff --git a/src/App.scss b/src/App.scss
index c8470c8a..8c744752 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -151,12 +151,11 @@ nav {
   grid-column-end: span 3;
   grid-row-start: 1;
   grid-row-end: 1;
-  margin: 0 calc(var(--columnGap) * -2);
-  padding: 0 calc(var(--columnGap) * 2);
+  margin: 0 calc(var(--columnGap) / -2);
   pointer-events: none;
   background-color: rgba(0, 0, 0, 0.15);
   background-color: var(--underlay, rgba(0, 0, 0, 0.15));
-  z-index: -2000;
+  z-index: -1000;
 }
 
 .app-layout {
@@ -174,7 +173,6 @@ nav {
   margin: 0 auto;
   align-content: flex-start;
   flex-wrap: wrap;
-  padding: 0 calc(var(--columnGap) / 2);
   justify-content: center;
   min-height: 100vh;