More responsive CSS units

src/components/Navigation.tsx

@@ -51,6 +51,14 @@ const Nav = styled.div`
     justify-content: center;
     margin-left: 0;
   }
+
+  svg {
+    width: 1.5rem;
+    height: 1.5rem;
+
+    fill: ${colors.white};
+    color: ${colors.white};
+  }
 `;
 
 const DesktopContainer = styled.div`
@@ -69,8 +77,10 @@ const SomeContainer = styled.div`
   flex-flow: row nowrap;
 
   a {
-    fill: ${colors.white};
-    color: ${colors.white};
+    display: flex;
+    flex-flow: row nowrap;
+    justify-content: center;
+    margin: 1rem;
   }
 `;
 
@@ -90,13 +100,6 @@ const MobileMenu = styled.div`
   @media screen and (max-width: ${breakpoints.mobile}) {
     margin-left: 3rem;
   }
-
-  svg {
-    width: 26px;
-    height: 26px;
-    fill: ${colors.white};
-    color: ${colors.white};
-  }
 `;
 
 interface NavigationProps {