diff --git a/routes/_components/Nav.html b/routes/_components/Nav.html
index 8951c2cb..8ad22e5c 100644
--- a/routes/_components/Nav.html
+++ b/routes/_components/Nav.html
@@ -43,11 +43,11 @@
 		align-items: center;
 	}
 
-	@media (max-width: 767px) {
+  @media (max-width: 767px) {
     .main-nav li {
-      flex-basis: 100%;
+      flex: 1;
     }
-	}
+  }
 
 </style>
 <script>
diff --git a/routes/_components/NavItem.html b/routes/_components/NavItem.html
index 02c781cf..ac9df080 100644
--- a/routes/_components/NavItem.html
+++ b/routes/_components/NavItem.html
@@ -63,6 +63,9 @@
       width: 25px;
       height: 25px;
     }
+    .main-nav-link {
+      padding: 25px 0;
+    }
   }
 </style>
 <script>