diff --git a/apps/web/Components/Common/Notification.tsx b/apps/web/Components/Common/Notification.tsx
index 0f92c1f..5b7a859 100644
--- a/apps/web/Components/Common/Notification.tsx
+++ b/apps/web/Components/Common/Notification.tsx
@@ -1,4 +1,5 @@
/* eslint-disable import/no-mutable-exports */
+import { Media } from '@/styles/media';
import type { MessageInstance } from 'antd/es/message/interface';
import type { NotificationInstance } from 'antd/es/notification/interface';
import type { ReactNode } from 'react';
@@ -26,7 +27,7 @@ export function Notification({ children }: { readonly children: ReactNode }) {
return (
<>
{messageContextHolder}
- {notificationContextHolder}
+ {notificationContextHolder}
{children}
);
diff --git a/apps/web/pages/_app.jsx b/apps/web/pages/_app.jsx
index 0738932..e626399 100644
--- a/apps/web/pages/_app.jsx
+++ b/apps/web/pages/_app.jsx
@@ -4,7 +4,7 @@ import '../styles/antd-fix.css';
import '../styles/antd.min.css';
import initializeQueryClient from '@/api/client';
import initializeApollo from '@/apollo/client';
-import { Loading, Notification } from '@/Components/Common';
+import { Loading } from '@/Components/Common';
import Layout from '@/Components/Layout';
import { theme } from '@/config/ui';
import { usePageLoading } from '@/hooks';
@@ -55,13 +55,11 @@ function App({ Component, pageProps }) {
},
}}
>
-
-
-
- {loading ? : }
-
-
-
+
+
+ {loading ? : }
+
+
diff --git a/apps/web/pages/index.jsx b/apps/web/pages/index.jsx
index ff05fea..af33070 100644
--- a/apps/web/pages/index.jsx
+++ b/apps/web/pages/index.jsx
@@ -1,5 +1,6 @@
import initializeApollo from '@/apollo/client';
import * as Calculation from '@/Components/Calculation';
+import { Notification } from '@/Components/Common';
import { Error } from '@/Components/Common/Error';
import { NavigationBar, Tabs } from '@/Components/Layout/Navigation';
import { NavigationProvider } from '@/context/navigation';
@@ -36,6 +37,7 @@ export function Content({ initHooks, title }) {
{getPageTitle(title)}
+