diff --git a/dashboard/activation.html b/dashboard/activation.html
index e6744f4dc..6fef8019a 100644
--- a/dashboard/activation.html
+++ b/dashboard/activation.html
@@ -13,7 +13,7 @@
   <script type="module" src="./src/modules.js"></script>
 
   <!-- Theme CSS -->
-  <link type="text/css" rel="stylesheet" href="/theme.css">
+  <link type="text/css" rel="stylesheet" href="./src/theme.scss">
 
   <!-- jQuery-->
   <script type="text/javascript" src="/js/jquery.min.js"></script>
diff --git a/dashboard/build.sh b/dashboard/build.sh
index 3fedfe8eb..9eb8ced88 100755
--- a/dashboard/build.sh
+++ b/dashboard/build.sh
@@ -5,8 +5,5 @@ set -eu
 echo "=> Create timezones.js"
 ./scripts/createTimezones.js ./public/js/timezones.js
 
-echo "=> Build theme.css"
-./node_modules/.bin/sass -I node_modules/bootstrap-sass/assets/stylesheets/  ./src/theme.scss ./public/theme.css
-
 echo "=> Build the dashboard apps"
 ./node_modules/.bin/vite build
diff --git a/dashboard/index.html b/dashboard/index.html
index 7f18ee11a..99446ac5b 100644
--- a/dashboard/index.html
+++ b/dashboard/index.html
@@ -21,7 +21,7 @@
   <!-- CSS -->
   <link type="text/css" rel="stylesheet" href="/slick.css"/>
   <link type="text/css" rel="stylesheet" href="/angular-ui-notification.css"/>
-  <link type="text/css" rel="stylesheet" href="/theme.css">
+  <link type="text/css" rel="stylesheet" href="./src/theme.scss">
 
   <!-- async -->
   <script type="text/javascript" src="/js/async-3.2.0.min.js"></script>
diff --git a/dashboard/passwordreset.html b/dashboard/passwordreset.html
index 0c984975c..f29ac8819 100644
--- a/dashboard/passwordreset.html
+++ b/dashboard/passwordreset.html
@@ -14,7 +14,7 @@
   <script type="module" src="./src/modules.js"></script>
 
   <!-- Theme CSS -->
-  <link type="text/css" rel="stylesheet" href="/theme.css">
+  <link type="text/css" rel="stylesheet" href="./src/theme.scss">
 
   <!-- jQuery-->
   <script type="text/javascript" src="/js/jquery.min.js"></script>
diff --git a/dashboard/restore.html b/dashboard/restore.html
index c90ad2474..92e21729e 100644
--- a/dashboard/restore.html
+++ b/dashboard/restore.html
@@ -13,7 +13,7 @@
   <script type="module" src="./src/modules.js"></script>
 
   <!-- Theme CSS -->
-  <link type="text/css" rel="stylesheet" href="/theme.css">
+  <link type="text/css" rel="stylesheet" href="./src/theme.scss">
 
   <!-- jQuery-->
   <script type="text/javascript" src="/js/jquery.min.js"></script>
diff --git a/dashboard/setup.html b/dashboard/setup.html
index 3d8b35076..1ca937b8f 100644
--- a/dashboard/setup.html
+++ b/dashboard/setup.html
@@ -13,7 +13,7 @@
   <script type="module" src="./src/modules.js"></script>
 
   <!-- Theme CSS -->
-  <link type="text/css" rel="stylesheet" href="/theme.css">
+  <link type="text/css" rel="stylesheet" href="./src/theme.scss">
 
   <!-- jQuery-->
   <script type="text/javascript" src="/js/jquery.min.js"></script>
diff --git a/dashboard/setupaccount.html b/dashboard/setupaccount.html
index 3d52fca06..3a1c3552e 100644
--- a/dashboard/setupaccount.html
+++ b/dashboard/setupaccount.html
@@ -13,7 +13,7 @@
   <script type="module" src="./src/modules.js"></script>
 
   <!-- Theme CSS -->
-  <link type="text/css" rel="stylesheet" href="/theme.css">
+  <link type="text/css" rel="stylesheet" href="./src/theme.scss">
 
   <!-- jQuery-->
   <script type="text/javascript" src="/js/jquery.min.js"></script>
diff --git a/dashboard/src/theme.scss b/dashboard/src/theme.scss
index 788cffdd3..5b6aeec31 100644
--- a/dashboard/src/theme.scss
+++ b/dashboard/src/theme.scss
@@ -53,7 +53,7 @@ $state-danger-bg:                           $brand-danger;
 $state-danger-text:                         $brand-danger;
 $state-danger-border:                       $brand-danger;
 
-@import "bootstrap";
+@import "bootstrap-sass";
 
 // ----------------------------
 // Bootstrap extension