From cf2c2a35873110b90bdb3cb181e7eea456b2f2fb Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Thu, 31 Aug 2023 17:23:31 +0800
Subject: [PATCH] Make settings header look better

---
 packages/web/components/patterns/SettingsHeader.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/web/components/patterns/SettingsHeader.tsx b/packages/web/components/patterns/SettingsHeader.tsx
index bd98428de..b7e89a493 100644
--- a/packages/web/components/patterns/SettingsHeader.tsx
+++ b/packages/web/components/patterns/SettingsHeader.tsx
@@ -3,6 +3,7 @@ import { OmnivoreNameLogo } from '../elements/images/OmnivoreNameLogo'
 import { UserBasicData } from '../../lib/networking/queries/useGetViewerQuery'
 import { PrimaryDropdown } from '../templates/PrimaryDropdown'
 import { HEADER_HEIGHT } from '../templates/homeFeed/HeaderSpacer'
+import { LogoBox } from '../elements/LogoBox'
 
 type HeaderProps = {
   user?: UserBasicData
@@ -21,16 +22,15 @@ export function SettingsHeader(props: HeaderProps): JSX.Element {
           display: 'flex',
           position: 'fixed',
           width: '100%',
-          px: '25px',
+          pr: '25px',
           height: HEADER_HEIGHT,
-          bg: '$thBackground3',
-          borderBottom: '1px solid $thBorderColor',
           '@mdDown': {
-            px: '15px',
+            pr: '15px',
           },
         }}
       >
-        <Box
+        <LogoBox />
+        {/* <Box
           css={{
             display: 'flex',
             alignItems: 'center',
@@ -38,7 +38,7 @@ export function SettingsHeader(props: HeaderProps): JSX.Element {
           }}
         >
           <OmnivoreNameLogo href={props.user ? '/home' : '/login'} />
-        </Box>
+        </Box> */}
 
         <HStack css={{ ml: 'auto' }}>
           <PrimaryDropdown showThemeSection={true} />