diff --git a/apps/web/src/components/pure/shortcuts-modal/style.ts b/apps/web/src/components/pure/shortcuts-modal/style.ts
index 686a8509aa..a94851b139 100644
--- a/apps/web/src/components/pure/shortcuts-modal/style.ts
+++ b/apps/web/src/components/pure/shortcuts-modal/style.ts
@@ -44,8 +44,7 @@ export const StyledModalHeader = styled('div')(() => ({
   position: 'sticky',
   left: '0',
   top: '0',
-  background: 'var(--affine-popover-background)',
-
+  background: 'var(--affine-white)',
   transition: 'background-color 0.5s',
 }));