diff --git a/libs/components/editor-core/src/ref-page/ModalPage.tsx b/libs/components/editor-core/src/ref-page/ModalPage.tsx
index 7fce8cf5d8..0fb1b732f0 100644
--- a/libs/components/editor-core/src/ref-page/ModalPage.tsx
+++ b/libs/components/editor-core/src/ref-page/ModalPage.tsx
@@ -24,6 +24,7 @@ const Modal = ({ open, children }: { open: boolean; children?: ReactNode }) => {
             style={{
                 display: 'flex',
                 flexDirection: 'column',
+                background: 'rgba(58, 76, 92, 0.4)',
                 zIndex: theme.affine.zIndex.popover,
             }}
             onClick={closeSubPage}