diff --git a/components/layout/Nav.tsx b/components/layout/Nav.tsx
index 5dd8cb03e..4a8ec41f0 100644
--- a/components/layout/Nav.tsx
+++ b/components/layout/Nav.tsx
@@ -21,6 +21,7 @@ const Nav = () => {
   return (
     <Box
       width={expanded ? "175px" : "60px"}
+      marginRight={expanded ? "-175px" : "-60px"}
       as="nav"
       flexShrink={0}
       position="sticky"
diff --git a/pages/styles.css b/pages/styles.css
index dfe9d751a..feb4f6f2f 100644
--- a/pages/styles.css
+++ b/pages/styles.css
@@ -29,19 +29,25 @@ header {
   row-gap: 1.5rem;
   column-gap: 1.5rem;
   grid-template-rows: 37px 1fr 100px;
-  grid-template-columns: auto 1fr 175px;
+  grid-template-columns: auto 1fr;
   min-height: 100vh;
 }
 
+@media (max-width: 1365px) {
+  nav {
+    margin-right: 0 !important;
+  }
+}
+
 @media (max-width: 1200px) {
   #__next {
-    grid-template-columns: auto 1fr 0px;
+    grid-template-columns: auto 1fr;
   }
 }
 
 @media (max-width: 991px) {
   #__next {
-    grid-template-columns: 0px 1fr 0px;
+    grid-template-columns: 0px 1fr;
   }
 }