FIX: Correct font-size in navigation bar

webapp/src/components/navigation/menus.tsx

@@ -115,7 +115,7 @@ const ItemColor = styled("div")`
 `;
 
 const ItemName = styled("div")`
-  font-size: 13px;
+  font-size: 12px;
   color: #333;
 `;
 

webapp/src/components/navigation/sheet.tsx

@@ -73,23 +73,23 @@ function Sheet(props: SheetProps) {
           horizontal: 6,
         }}
       >
-        <MenuItem
+        <StyledMenuItem
           onClick={() => {
             handleOpenRenameDialog();
             handleClose();
           }}
         >
           Rename
-        </MenuItem>
-        <MenuItem
+        </StyledMenuItem>
+        <StyledMenuItem
           onClick={() => {
             setColorPickerOpen(true);
             handleClose();
           }}
         >
           Change Color
-        </MenuItem>
-        <MenuItem
+        </StyledMenuItem>
+        <StyledMenuItem
           onClick={() => {
             props.onDeleted();
             handleClose();
@@ -97,7 +97,7 @@ function Sheet(props: SheetProps) {
         >
           {" "}
           Delete
-        </MenuItem>
+        </StyledMenuItem>
       </StyledMenu>
       <SheetRenameDialog
         isOpen={renameDialogOpen}
@@ -126,6 +126,10 @@ function Sheet(props: SheetProps) {
 
 const StyledMenu = styled(Menu)``;
 
+const StyledMenuItem = styled(MenuItem)`
+font-size: 12px;
+`;
+
 const StyledButton = styled(Button)`
   width: 15px;
   height: 24px;