diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index d22a65538..538390309 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -6,6 +6,7 @@ import Head from 'next/head';
 import { MantineProvider, ColorScheme, ColorSchemeProvider, MantineTheme } from '@mantine/core';
 import { NotificationsProvider } from '@mantine/notifications';
 import { useHotkeys } from '@mantine/hooks';
+import { ModalsProvider } from '@mantine/modals';
 import { ConfigProvider } from '../tools/state';
 import { theme } from '../tools/theme';
 import { styles } from '../tools/styles';
@@ -56,9 +57,11 @@ export default function App(this: any, props: AppProps & { colorScheme: ColorSch
             withNormalizeCSS
           >
             <NotificationsProvider limit={4} position="bottom-left">
-              <ConfigProvider>
-                <Component {...pageProps} />
-              </ConfigProvider>
+              <ModalsProvider>
+                <ConfigProvider>
+                  <Component {...pageProps} />
+                </ConfigProvider>
+              </ModalsProvider>
             </NotificationsProvider>
           </MantineProvider>
         </ColorTheme.Provider>