Fix Settings header and user icon padding

visdesignlab · Jan 10, 2025 · f2c3ce2 · f2c3ce2
1 parent 1d171a5
commit f2c3ce2
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git 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
@@ -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