i forgot

src/app/components/Navbar.module.css

@@ -18,11 +18,8 @@
 /* Position nav items correctly */
 .navbar .container li {
   display: inline;
-}
-
-/* Padding betweeen nav items */
-.navbar .container li:not(:last-of-type) {
-  padding-right: 1rem;
+  padding-left: 0.5em;
+  padding-right: 0.5em;
 }
 
 /* Reset default styling on links */
@@ -31,11 +28,6 @@
   text-decoration: none;
 }
 
-.highlight {
-  color: white;
-  background-color: blue;
-}
-
 /* Underline links on hover */
 .navbar .container li a:hover {
   text-decoration: underline;
@@ -68,6 +60,7 @@
     z-index: -2;
 
     font-size: 1rem;
+    background-color: white;
 
     transition-property: top border-radius;
     transition-duration: 0.3s;
@@ -85,8 +78,8 @@
     margin-bottom: 0.5rem;
   }
 
-  .links.active {
-    top: 60px;
+  .active {
+    top: 65px;
     border-radius: 0 0 0.5em 0.5em;
   }
 
@@ -107,6 +100,11 @@
     flex-direction: row;
   }
 
+  .links li {
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+  }
+
   .menuIcon {
     display: none;
   }
@@ -116,8 +114,6 @@
     flex-direction: row;
     align-items: center;
     justify-content: space-between;
-    padding-top: 1rem;
-    padding-bottom: 1rem;
   }
 }
 
@@ -125,4 +121,4 @@
   display: flex;
   flex-direction: row;
   justify-content: space-between;
-}
+}