diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index c0d979182..a4a28296e 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -118,18 +118,20 @@ const _App = ({ Component, ...rest }: AppProps) => {
           <Hydrate state={pageProps.dehydratedState}>
             <RouteHistoryProvider>
               <LoadingProvider>
-                <NotificationProvider>
-                  <ModalProvider>
-                    <NavbarProvider>
-                      <ModalRoot />
-                      <Toast />
-                      <MainLayout>
-                        <Component {...pageProps} />
-                        <CookieBanner />
-                      </MainLayout>
-                    </NavbarProvider>
-                  </ModalProvider>
-                </NotificationProvider>
+                <FloatNotificationProvider>
+                  <NotificationProvider>
+                    <ModalProvider>
+                      <NavbarProvider>
+                        <ModalRoot />
+                        <Toast />
+                        <MainLayout>
+                          <Component {...pageProps} />
+                          <CookieBanner />
+                        </MainLayout>
+                      </NavbarProvider>
+                    </ModalProvider>
+                  </NotificationProvider>
+                </FloatNotificationProvider>
               </LoadingProvider>
             </RouteHistoryProvider>
           </Hydrate>