remove unnecessary flexboxes

components/Menu/Menu.tsx

@@ -23,7 +23,7 @@ const Wrapper = styled("ul", {
 
 const Item = styled("li", {
   listStyle: "none",
-  display: "inline-flex",
+  display: "inline-block",
   marginLeft: "1em",
 
   "@medium": {

components/MenuItem/MenuItem.tsx

@@ -2,10 +2,8 @@ import NextLink from "next/link";
 import { styled } from "../../lib/styles/stitches.config";
 
 const Link = styled("a", {
-  display: "inline-flex",
-  alignItems: "center",
+  display: "inline-block",
   color: "$mediumDark",
-  lineHeight: 1,
   textDecoration: "none",
   padding: "0.6em",
 
@@ -28,17 +26,6 @@ const Link = styled("a", {
   },
 });
 
-const Label = styled("span", {
-  fontSize: "0.95em",
-  fontWeight: 500,
-  marginTop: "0.1em",
-  marginLeft: "0.8em",
-
-  "@medium": {
-    display: "none",
-  },
-});
-
 const Icon = styled("svg", {
   width: "1.25em",
   height: "1.25em",
@@ -50,6 +37,16 @@ const Icon = styled("svg", {
   },
 });
 
+const Label = styled("span", {
+  fontSize: "0.95em",
+  fontWeight: 500,
+  marginLeft: "0.4em",
+
+  "@medium": {
+    display: "none",
+  },
+});
+
 export type MenuItemProps = {
   href?: string;
   text?: string;

components/NoteMeta/NoteMeta.tsx

@@ -17,7 +17,6 @@ const Wrapper = styled("div", {
 });
 
 const MetaItem = styled("div", {
-  display: "inline-flex",
   marginRight: "1.6em",
   whiteSpace: "nowrap",
 });