diff --git a/gui/default/assets/css/theme.css b/gui/default/assets/css/theme.css
index c577564c4..afd9d39b3 100644
--- a/gui/default/assets/css/theme.css
+++ b/gui/default/assets/css/theme.css
@@ -7,5 +7,5 @@
 
 */
 
-@import "/theme-assets/dark/assets/css/theme.css" screen and (prefers-color-scheme: dark);
-@import "/theme-assets/light/assets/css/theme.css" (prefers-color-scheme: light), (prefers-color-scheme: no-preference);
+@import "../../theme-assets/dark/assets/css/theme.css" screen and (prefers-color-scheme: dark);
+@import "../../theme-assets/light/assets/css/theme.css" (prefers-color-scheme: light), (prefers-color-scheme: no-preference);
diff --git a/gui/default/syncthing/core/syncthingController.js b/gui/default/syncthing/core/syncthingController.js
index 6da3d8c34..044a8b87a 100755
--- a/gui/default/syncthing/core/syncthingController.js
+++ b/gui/default/syncthing/core/syncthingController.js
@@ -663,7 +663,7 @@ angular.module('syncthing.core')
                     document.documentElement.style.display = 'none';
                     document.head.insertAdjacentHTML(
                       'beforeend',
-                      '<link id="fallback-theme-css" rel="stylesheet" href="/theme-assets/light/assets/css/theme.css" onload="document.documentElement.style.display = \'\'">'
+                      '<link id="fallback-theme-css" rel="stylesheet" href="theme-assets/light/assets/css/theme.css" onload="document.documentElement.style.display = \'\'">'
                     );
                 }
             }