remove css reset as a dependency

components/Menu/Menu.module.css

@@ -4,7 +4,7 @@
   margin: 0;
 }
 
-.menuItem {
+.item {
   display: inline-block;
   margin-left: 1em;
   list-style: none;
@@ -17,7 +17,7 @@
     margin-left: 1em;
   }
 
-  .menuItem {
+  .item {
     margin-left: 0;
   }
 }
@@ -28,7 +28,7 @@
   }
 
   /* the home icon is kinda redundant when space is SUPER tight */
-  .menuItem:first-of-type {
+  .item:first-of-type {
     display: none;
   }
 }

components/Menu/Menu.tsx

@@ -21,13 +21,13 @@ const Menu = ({ className, ...rest }: MenuProps) => {
         const isCurrent = item.href === `/${pathname.split("/")[1]}`;
 
         return (
-          <li className={styles.menuItem} key={item.text || index}>
+          <li className={styles.item} key={item.text || index}>
             <MenuItem {...item} current={isCurrent} />
           </li>
         );
       })}
 
-      <li className={styles.menuItem}>
+      <li className={styles.item}>
         <MenuItem
           // @ts-expect-error
           icon={ThemeToggle}