a bunch of cleanup, mostly of my messy css hacks over the years

components/Menu/Menu.module.css

@@ -1,11 +1,13 @@
 .menu {
-  display: inline-flex;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
   padding: 0;
   margin: 0;
 }
 
 .item {
-  display: inline-block;
+  display: block;
   margin-left: 1em;
   list-style: none;
 }

components/Menu/Menu.tsx

@@ -27,7 +27,13 @@ const Menu = ({ className, ...rest }: MenuProps) => {
         );
       })}
 
-      <li className={styles.item}>
+      <li
+        className={styles.item}
+        style={{
+          // manually align the theme toggle with the rest of the menu icons
+          paddingTop: "0.2em",
+        }}
+      >
         <MenuItem
           // @ts-expect-error
           icon={ThemeToggle}