diff --git a/nym-connect/src/components/AppWindowFrame.tsx b/nym-connect/src/components/AppWindowFrame.tsx
index 6d880b36f5..fc30793a2d 100644
--- a/nym-connect/src/components/AppWindowFrame.tsx
+++ b/nym-connect/src/components/AppWindowFrame.tsx
@@ -5,7 +5,7 @@ import { NymWordmark } from '@nymproject/react/logo/NymWordmark';
 export const AppWindowFrame: React.FC = ({ children }) => (
   <Box
     sx={{
-      background: '#1D2125',
+      background: (t) => t.palette.background.default,
       borderRadius: '12px',
       padding: '12px 16px',
       display: 'grid',