diff --git a/client/src/App.jsx b/client/src/App.jsx
index 2000cb6..9d603f4 100644
--- a/client/src/App.jsx
+++ b/client/src/App.jsx
@@ -3,7 +3,7 @@ import { modeAtom } from "./atom/Atom";
 import { useEffect, useState } from "react";
 import "./App.css";
 import "./index.css";
-import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
+import { Routes, Route } from "react-router-dom";
 import PropTypes from "prop-types";
 import LoadingBar from "react-top-loading-bar";
 import About from "./component/About";
@@ -42,7 +42,6 @@ import CreateBlog from "./component/CreateBlog";
 import Projects from "./component/Projects";
 import UploadProject from "./component/UploadProject";
 
-// Main Layout Component
 const Layout = ({ children, mode, setProgress, toggleMode, showAlert }) => {
   return (
     <div className="h-full w-full">
@@ -124,8 +123,8 @@ function App() {
       <Cursor />
       <ProjectState>
         <ProfileState>
-          <Router>
-            <LoadingBar color="blue" progress={progress} onLoaderFinished={() => setProgress(0)} />
+
+          <LoadingBar color="blue" progress={progress} onLoaderFinished={() => setProgress(0)} />
             <div className="alert-container"> <Alert alert={alert} /> </div>
             <ProgressBar mode={mode} />
             <ScrollTop />
@@ -158,7 +157,7 @@ function App() {
                 <Route exact path='/*' element={<NotFound />} />
               </Routes>
             </Layout>
-          </Router>
+
         </ProfileState>
       </ProjectState>
     </div>
diff --git a/client/src/main.jsx b/client/src/main.jsx
index f4de051..1b01a65 100644
--- a/client/src/main.jsx
+++ b/client/src/main.jsx
@@ -1,5 +1,5 @@
 /** @format */
-
+import { BrowserRouter } from "react-router-dom";
 import ReactDOM from "react-dom/client";
 import App from "./App.jsx";
 import "./index.css";
@@ -8,10 +8,10 @@ import { AuthProvider } from "./contexts/authContext/index.jsx";
 // import Alert from "./component/Alert";
 
 ReactDOM.createRoot(document.getElementById("root")).render(
-  <>
+  <BrowserRouter>
     <AuthProvider>
       <App />
       <Toaster />
     </AuthProvider>
-  </>
+    </BrowserRouter>
 );