diff --git a/frontend/src/index.tsx b/frontend/src/index.tsx
index f15885348..431aa7bf3 100644
--- a/frontend/src/index.tsx
+++ b/frontend/src/index.tsx
@@ -10,6 +10,7 @@ import App from './App';
 import './i18n'; // Initialize i18next
 import posthog from 'posthog-js';
 import { PostHogProvider } from 'posthog-js/react';
+import { BASE_PATH } from './constants/app';
 
 // Compute initial color scheme
 function getInitialScheme(): 'light' | 'dark' {
@@ -60,7 +61,7 @@ root.render(
     <PostHogProvider
       client={posthog}
     >
-      <BrowserRouter basename={(import.meta.env.BASE_URL || '/').replace(/\/$/, '')}>
+      <BrowserRouter basename={BASE_PATH}>
         <App />
       </BrowserRouter>
     </PostHogProvider>