diff --git a/packages/web/components/patterns/SettingsHeader.tsx b/packages/web/components/patterns/SettingsHeader.tsx
index 2d33a3a58..e359126ec 100644
--- a/packages/web/components/patterns/SettingsHeader.tsx
+++ b/packages/web/components/patterns/SettingsHeader.tsx
@@ -27,6 +27,7 @@ export function SettingsHeader(props: HeaderProps): JSX.Element {
           '@mdDown': {
             pr: '15px',
           },
+          bg: '$thBackground',
         }}
       >
         <LogoBox />