diff --git a/src/App.tsx b/src/App.tsx
index 0f804fa..6e6c017 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,6 +1,6 @@
 import Container from "./components/UI/Container";
 import Dashboard from "./pages/Dashboard";
-import { Navigate, Route, Routes } from "react-router";
+import { Route, Routes } from "react-router";
 import FrontCamera from "./pages/FrontCamera";
 import RearCamera from "./pages/RearCamera";
 import SystemSettings from "./pages/SystemSettings";
@@ -20,7 +20,6 @@ function App() {
             <Route path="system-settings" element={<SystemSettings />} />
             <Route path="session-settings" element={<Session />} />
           </Route>
-          <Route path="/index" element={<Navigate to="/" replace />} />
         </Routes>
       </AlertHitProvider>
     </NPEDUserProvider>
diff --git a/src/main.tsx b/src/main.tsx
index 912ee8e..027b230 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -13,7 +13,7 @@ Modal.setAppElement("#root");
 createRoot(document.getElementById("root")!).render(
   <StrictMode>
     <QueryClientProvider client={queryClient}>
-      <BrowserRouter>
+      <BrowserRouter basename="/index">
         <App />
       </BrowserRouter>
     </QueryClientProvider>
diff --git a/vite.config.ts b/vite.config.ts
index 672fe08..bc2b686 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -6,4 +6,5 @@ import tailwindcss from "@tailwindcss/vite";
 export default defineConfig({
   plugins: [react(), tailwindcss()],
   server: { host: true },
+  base: "/index",
 });