diff --git a/frontend/my-app/src/main.jsx b/frontend/my-app/src/main.jsx
index b9a1a6d..5da77e4 100644
--- a/frontend/my-app/src/main.jsx
+++ b/frontend/my-app/src/main.jsx
@@ -1,10 +1,20 @@
-import { StrictMode } from 'react'
-import { createRoot } from 'react-dom/client'
-import './index.css'
-import App from './App.jsx'
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import App from './App'
+import { ThemeProvider, CssBaseline } from '@mui/material'
+import theme from './styles/theme/theme'
+import { BrowserRouter } from 'react-router-dom'
+import UserContextProvider from './contexts/UserContext'
 
-createRoot(document.getElementById('root')).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
+ReactDOM.createRoot(document.getElementById('root')).render(
+  <React.StrictMode>
+    <ThemeProvider theme={theme}>
+      <CssBaseline />
+      <UserContextProvider>
+      <BrowserRouter>
+      <App />
+      </BrowserRouter>
+      </UserContextProvider>
+    </ThemeProvider>
+  </React.StrictMode>
 )
