nav menu arrow padding

Author: outofambit

src/components/Nav/MainNavLinks.tsx

@@ -42,7 +42,12 @@ export const MainNavLinks = ({
         <Logo />
       </a>
 
-      <button onClick={handleToggle} aria-hidden="true" tabIndex={-1}>
+      <button
+        class={styles.toggle}
+        onClick={handleToggle}
+        aria-hidden="true"
+        tabIndex={-1}
+      >
         <div class={styles.mobileMenuLabel}>
           {isOpen ? (
             <Icon kind="close" />

src/components/Nav/styles.module.scss

@@ -69,6 +69,10 @@
       margin-bottom: 10px;
     }
 
+    .toggle {
+      display: grid;
+    }
+
     ul {
       grid-column: 1 / 2;
       font-size: 1.25rem;
@@ -104,6 +108,7 @@
     display: none;
     @media (min-width: $breakpoint-tablet) {
       display: block;
+      margin-top: 5px;
     }
   }