diff --git a/index.html b/index.html
index 83db32b..1914fc1 100644
--- a/index.html
+++ b/index.html
@@ -4,14 +4,14 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>transcribee 🐝</title>
-    <link rel="stylesheet" href="/src/index.css" />
-    <link rel="stylesheet" href="/node_modules/@fontsource/inter/latin.css" />
+    <link rel="stylesheet" href="src/index.css" />
+    <link rel="stylesheet" href="node_modules/@fontsource/inter/latin.css" />
 
-    <link rel="icon" href="/favicon.ico" sizes="48x48">
-    <link rel="icon" href="/favicon.svg" sizes="any" type="image/svg+xml">
+    <link rel="icon" href="favicon.ico" sizes="48x48">
+    <link rel="icon" href="favicon.svg" sizes="any" type="image/svg+xml">
   </head>
   <body class="dark:bg-neutral-900 dark:text-white">
     <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
+    <script type="module" src="src/main.tsx"></script>
   </body>
 </html>
diff --git a/vite.config.js b/vite.config.js
index fb16d69..260c106 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -47,6 +47,7 @@ function faviconPlugin(originalPath) {
 
 // eslint-disable-next-line import/no-default-export
 export default defineConfig({
+  base: '', // this fixes hosting under non root locations
   plugins: [
     faviconPlugin('./src/assets/transcribee-logo.svg'),
   ],
