From f2c3ce2b844166482c66765479eb58260f71aeb4 Mon Sep 17 00:00:00 2001
From: NateLanza <natelanzadevelopment@gmail.com>
Date: Thu, 9 Jan 2025 21:03:35 -0700
Subject: [PATCH] Fix Settings header and user icon padding

---
 packages/app/src/components/Header/index.tsx      | 2 +-
 packages/upset/src/components/SettingsSidebar.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/app/src/components/Header/index.tsx b/packages/app/src/components/Header/index.tsx
index 7b7a261e..654b548b 100644
--- a/packages/app/src/components/Header/index.tsx
+++ b/packages/app/src/components/Header/index.tsx
@@ -265,7 +265,7 @@ const Header = ({ data }: { data: CoreUpsetData }) => {
           </Menu>
           <IconButton
             color="inherit"
-            sx={{ width: '32px', height: '32px' }}
+            sx={{ width: '32px', height: '32px', margin: '0 8px' }}
             onClick={(e) => {
               handleLoginOpen(e);
             }}
diff --git a/packages/upset/src/components/SettingsSidebar.tsx b/packages/upset/src/components/SettingsSidebar.tsx
index ca74e7b9..b37d10cb 100644
--- a/packages/upset/src/components/SettingsSidebar.tsx
+++ b/packages/upset/src/components/SettingsSidebar.tsx
@@ -250,7 +250,7 @@ export const SettingsSidebar = () => {
             // Half the indentation of the accordion titles
             paddingLeft={BUTTON_PAD_LEFT}
           >
-            <IconButton onClick={() => setCollapsed(true)}>
+            <IconButton onClick={() => setCollapsed(true)} style={{ marginRight: BUTTON_PAD_LEFT }}>
               <MenuOpenIcon />
             </IconButton>
             Settings