diff --git a/public/stylesheets/base/_globals.scss b/public/stylesheets/base/_globals.scss
index 9c42d79..a73642e 100644
--- a/public/stylesheets/base/_globals.scss
+++ b/public/stylesheets/base/_globals.scss
@@ -55,7 +55,7 @@ main {
   left: 0;
   right: 0;
   background: rgba($dark-grey, 0.5);
-  z-index: 9;
+  z-index: 3;
 }
 
 ::-webkit-scrollbar {
diff --git a/public/stylesheets/components/_nav-bar.scss b/public/stylesheets/components/_nav-bar.scss
index f205704..92b458b 100644
--- a/public/stylesheets/components/_nav-bar.scss
+++ b/public/stylesheets/components/_nav-bar.scss
@@ -1,11 +1,11 @@
 .nav-drawer {
   position: fixed;
-  top: 43px;
+  top: 0;
   transform: translateX(105%);
   width: 300px;
   background: $dark-grey;
   right: 0;
-  z-index: 12;
+  z-index: 6;
   height: 100%;
   will-change: transform;
   transition: transform 0.25s cubic-bezier(0.19, 1, 0.22, 1);
@@ -23,6 +23,7 @@
   height: 100%;
   width: 100%;
   list-style: none;
+  padding-top: 4rem;
 }
 
 .nav-drawer__item {
diff --git a/public/stylesheets/components/_singlePost.scss b/public/stylesheets/components/_single-post.scss
similarity index 97%
rename from public/stylesheets/components/_singlePost.scss
rename to public/stylesheets/components/_single-post.scss
index a1a57b8..a74bfe3 100644
--- a/public/stylesheets/components/_singlePost.scss
+++ b/public/stylesheets/components/_single-post.scss
@@ -4,10 +4,9 @@
     overflow: hidden;
   }
   @media only screen and (min-width: $mobile-up) {
-    height: 80vh;
     min-height: 600px;
     max-width: 950px;
-    margin: 0 auto;
+    margin: 4rem auto;
   }
 }
 
diff --git a/public/stylesheets/components/_top-bar.scss b/public/stylesheets/components/_top-bar.scss
index f8b92ad..4a52925 100644
--- a/public/stylesheets/components/_top-bar.scss
+++ b/public/stylesheets/components/_top-bar.scss
@@ -7,7 +7,7 @@
   grid-template-rows: 1fr;
   position: fixed;
   top: 0;
-  z-index: 10;
+  z-index: 9;
   height: 3rem;
   overflow-x: hidden;
   width: 100%;
diff --git a/public/stylesheets/style.public.scss b/public/stylesheets/style.public.scss
index f4e0002..1f06bde 100644
--- a/public/stylesheets/style.public.scss
+++ b/public/stylesheets/style.public.scss
@@ -15,7 +15,7 @@
 @import "./components/nav-bar";
 @import "./components/hero";
 @import "./components/forms";
-@import "./components/singlePost";
+@import "./components/single-post";
 @import "./components/post-item";
 @import "./components/not-found";
 @import "./components/pagination";