diff --git a/src/App.jsx b/src/App.jsx
index f478437..f7937ff 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -8,10 +8,15 @@ import { RouterProvider, createBrowserRouter } from 'react-router-dom'
 import { Error } from './features/Error'
 import { colors } from './utils'
 
-const router = createBrowserRouter([
-  { path: '*', element: <Landing />, errorElement: <Error /> },
-  { path: '/project/:projectId', element: <ScoreAnnotator />, errorElement: <Error /> },
-])
+const router = createBrowserRouter(
+  [
+    { path: '*', element: <Landing />, errorElement: <Error /> },
+    { path: '/project/:projectId', element: <ScoreAnnotator />, errorElement: <Error /> },
+  ],
+  {
+    basename: '/tonalities',
+  }
+)
 
 export const App = () => {
   useGetUserIdQuery()