diff --git a/client/src/main.jsx b/client/src/main.jsx
index f8492a7..614d8d0 100644
--- a/client/src/main.jsx
+++ b/client/src/main.jsx
@@ -3,23 +3,26 @@ import ReactDOM from "react-dom/client";
 import { BrowserRouter } from "react-router-dom";
 import { ToastContainer } from "react-toastify";
 import App from "./App.jsx";
+import { ThemeProvider } from "./Context/ThemeContext.jsx";
 import "./index.css";
 import "react-toastify/dist/ReactToastify.css";
 
 ReactDOM.createRoot(document.getElementById("root")).render(
 	<React.StrictMode>
-		<BrowserRouter>
-			<App />
-			<ToastContainer
-				position="bottom-right"
-				autoClose={3500}
-				hideProgressBar={false}
-				newestOnTop
-				closeOnClick
-				pauseOnHover
-				theme="dark"
-			/>
-		</BrowserRouter>
+		<ThemeProvider>
+			<BrowserRouter>
+				<App />
+				<ToastContainer
+					position="bottom-right"
+					autoClose={3500}
+					hideProgressBar={false}
+					newestOnTop
+					closeOnClick
+					pauseOnHover
+					theme="dark"
+				/>
+			</BrowserRouter>
+		</ThemeProvider>
 	</React.StrictMode>,
 );