diff --git a/apps/core/src/app.tsx b/apps/core/src/app.tsx
index a3a007019b..697b35e5b5 100644
--- a/apps/core/src/app.tsx
+++ b/apps/core/src/app.tsx
@@ -3,6 +3,7 @@ import '@affine/component/theme/theme.css';
 import '@toeverything/components/style.css';
 
 import { AffineContext } from '@affine/component/context';
+import { NotificationCenter } from '@affine/component/notification-center';
 import { WorkspaceFallback } from '@affine/component/workspace';
 import { CacheProvider } from '@emotion/react';
 import { getCurrentStore } from '@toeverything/infra/atom';
@@ -52,6 +53,7 @@ export const App = memo(function App() {
       <AffineContext store={getCurrentStore()}>
         <CloudSessionProvider>
           <DebugProvider>
+            {runtimeConfig.enableNotificationCenter && <NotificationCenter />}
             <RouterProvider
               fallbackElement={<WorkspaceFallback key="RouterFallback" />}
               router={router}
diff --git a/apps/core/src/layouts/workspace-layout.tsx b/apps/core/src/layouts/workspace-layout.tsx
index d04e9d2d0b..eb6f14de8b 100644
--- a/apps/core/src/layouts/workspace-layout.tsx
+++ b/apps/core/src/layouts/workspace-layout.tsx
@@ -4,7 +4,6 @@ import {
   appSidebarResizingAtom,
 } from '@affine/component/app-sidebar';
 import { BlockHubWrapper } from '@affine/component/block-hub';
-import { NotificationCenter } from '@affine/component/notification-center';
 import type { DraggableTitleCellData } from '@affine/component/page-list';
 import { StyledTitleLink } from '@affine/component/page-list';
 import {
@@ -285,7 +284,6 @@ export const WorkspaceLayoutInner = ({
         <PageListTitleCellDragOverlay />
       </DndContext>
       <QuickSearch />
-      {runtimeConfig.enableNotificationCenter && <NotificationCenter />}
     </>
   );
 };