From 817a8e4b669a1d384c1e7e15053622f7e3af63d0 Mon Sep 17 00:00:00 2001
From: James Ketrenos <james_git@ketrenos.com>
Date: Sun, 8 Jun 2025 21:16:29 -0700
Subject: [PATCH] UI style tweaks

---
 frontend/src/components/layout/Header.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/layout/Header.tsx b/frontend/src/components/layout/Header.tsx
index 20b94ae..8e81eaf 100644
--- a/frontend/src/components/layout/Header.tsx
+++ b/frontend/src/components/layout/Header.tsx
@@ -289,9 +289,10 @@ const Header: React.FC<HeaderProps> = (props: HeaderProps) => {
                       onClick={() => child.path && handleNavigate(child.path)}
                       selected={isCurrentPath(child)}
                       disabled={!child.path}
+                      sx={{ alignContent: 'center', margin: "0 !important" }}
                     >
                       {child.icon && <ListItemIcon>{child.icon}</ListItemIcon>}
-                      <ListItemText>{child.label}</ListItemText>
+                      <ListItemText sx={{ p: 0, margin: "0 !important", "& > *": { m: 0 } }}>{child.label}</ListItemText>
                     </MenuItem>
                   ))}
                 </Menu>
@@ -404,9 +405,9 @@ const Header: React.FC<HeaderProps> = (props: HeaderProps) => {
               <Divider key={`divider-${index}`} />
             ) : (
                 <ListItem key={item.id} disablePadding>
-                  <ListItemButton onClick={() => handleUserMenuAction(item)}>
+                  <ListItemButton onClick={() => handleUserMenuAction(item)} sx={{ alignContent: "center" }}>
                     {item.icon && <ListItemIcon sx={{ minWidth: 36 }}>{item.icon}</ListItemIcon>}
-                    <ListItemText primary={item.label} />
+                    <ListItemText primary={item.label} sx={{ padding: 0 }} />
                   </ListItemButton>
                 </ListItem>
             )