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>
             )