diff --git a/packages/frontend/src/index.tsx b/packages/frontend/src/index.tsx
index f3b3ea3..b80655c 100644
--- a/packages/frontend/src/index.tsx
+++ b/packages/frontend/src/index.tsx
@@ -12,7 +12,7 @@ import reportWebVitals from './reportWebVitals';
 import { GQLClientProvider } from './context/GQLClientContext';
 import { SERVER_GQL_PATH } from './constants';
 import { Toaster } from 'components/shared/Toast';
-
+import Web3ModalProvider from './context/Web3ModalProvider';
 const root = ReactDOM.createRoot(
   document.getElementById('root') as HTMLElement,
 );
@@ -29,7 +29,9 @@ root.render(
   <React.StrictMode>
     <ThemeProvider>
       <GQLClientProvider client={gqlClient}>
-        <App />
+        <Web3ModalProvider>
+          <App />
+        </Web3ModalProvider>
         <Toaster />
       </GQLClientProvider>
     </ThemeProvider>