diff --git a/qt/aqt/BUILD.bazel b/qt/aqt/BUILD.bazel
index 872b8b896..bf9c8a20d 100644
--- a/qt/aqt/BUILD.bazel
+++ b/qt/aqt/BUILD.bazel
@@ -14,7 +14,7 @@ genrule(
 genrule(
     name = "extract_sass_colors",
     srcs = [
-        "//ts/sass:_vars.scss",
+        "//sass:_vars.scss",
     ],
     outs = ["colors.py"],
     cmd = "$(location //qt:extract_sass_colors) $< $@",
diff --git a/qt/aqt/data/web/css/BUILD.bazel b/qt/aqt/data/web/css/BUILD.bazel
index 724099ac2..9af8f32c0 100644
--- a/qt/aqt/data/web/css/BUILD.bazel
+++ b/qt/aqt/data/web/css/BUILD.bazel
@@ -9,10 +9,10 @@ compile_sass(
     ),
     group = "css_local",
     deps = [
-        "//ts/sass:core_lib",
-        "//ts/sass:buttons_lib",
-        "//ts/sass:scrollbar_lib",
-        "//ts/sass:card_counts_lib",
+        "//sass:core_lib",
+        "//sass:buttons_lib",
+        "//sass:scrollbar_lib",
+        "//sass:card_counts_lib",
     ],
     visibility = ["//visibility:private"],
 )
diff --git a/qt/aqt/data/web/css/deckbrowser.scss b/qt/aqt/data/web/css/deckbrowser.scss
index 6a123a23c..930d5f527 100644
--- a/qt/aqt/data/web/css/deckbrowser.scss
+++ b/qt/aqt/data/web/css/deckbrowser.scss
@@ -1,7 +1,7 @@
 /* Copyright: Ankitects Pty Ltd and contributors
  * License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html */
 
-@use 'ts/sass/card-counts';
+@use 'sass/card-counts';
 
 a.deck {
     color: var(--text-fg);
diff --git a/qt/aqt/data/web/css/overview.scss b/qt/aqt/data/web/css/overview.scss
index 7973aff99..2120d1476 100644
--- a/qt/aqt/data/web/css/overview.scss
+++ b/qt/aqt/data/web/css/overview.scss
@@ -1,7 +1,7 @@
 /* Copyright: Ankitects Pty Ltd and contributors
  * License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html */
 
-@use 'ts/sass/card-counts';
+@use 'sass/card-counts';
 
 .smallLink {
     font-size: 10px;
diff --git a/qt/aqt/data/web/css/reviewer-bottom.scss b/qt/aqt/data/web/css/reviewer-bottom.scss
index dd27a1547..cd2fd94b5 100644
--- a/qt/aqt/data/web/css/reviewer-bottom.scss
+++ b/qt/aqt/data/web/css/reviewer-bottom.scss
@@ -1,7 +1,7 @@
 /* Copyright: Ankitects Pty Ltd and contributors
  * License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html */
 
-@use 'ts/sass/card-counts';
+@use 'sass/card-counts';
 
 :root {
     --focus-color: #0078d7;
diff --git a/qt/aqt/data/web/css/webview.scss b/qt/aqt/data/web/css/webview.scss
index bd4221bdc..ff5909313 100644
--- a/qt/aqt/data/web/css/webview.scss
+++ b/qt/aqt/data/web/css/webview.scss
@@ -1,9 +1,9 @@
 /* Copyright: Ankitects Pty Ltd and contributors
  * License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html */
 
-@use 'ts/sass/core';
-@use 'ts/sass/scrollbar';
-@use 'ts/sass/buttons';
+@use 'sass/core';
+@use 'sass/scrollbar';
+@use 'sass/buttons';
 
 // core.scss sets border-box, but we need to
 // keep the old behaviour for now to avoid breaking
diff --git a/qt/aqt/data/web/js/compile_ts.bzl b/qt/aqt/data/web/js/compile_ts.bzl
index 3fd5e106b..fbcb03397 100644
--- a/qt/aqt/data/web/js/compile_ts.bzl
+++ b/qt/aqt/data/web/js/compile_ts.bzl
@@ -9,7 +9,7 @@ def compile_ts(group, srcs):
             name = name,
             src = ts_file,
             sourcemap = False,
-            deps = ["//ts/sass:core_lib"],
+            deps = ["//sass:core_lib"],
         )
 
     native.filegroup(
diff --git a/ts/sass/BUILD.bazel b/sass/BUILD.bazel
similarity index 95%
rename from ts/sass/BUILD.bazel
rename to sass/BUILD.bazel
index 9e89de45c..a35d13a5f 100644
--- a/ts/sass/BUILD.bazel
+++ b/sass/BUILD.bazel
@@ -9,7 +9,7 @@ sass_library(
         "bootstrap-dark.scss",
     ],
     visibility = ["//visibility:public"],
-    deps = ["//ts/sass/bootstrap", "//ts/sass/codemirror"],
+    deps = ["//sass/bootstrap", "//sass/codemirror"],
 )
 
 sass_library(
diff --git a/ts/sass/_fusion-vars.scss b/sass/_fusion-vars.scss
similarity index 100%
rename from ts/sass/_fusion-vars.scss
rename to sass/_fusion-vars.scss
diff --git a/ts/sass/_vars.scss b/sass/_vars.scss
similarity index 100%
rename from ts/sass/_vars.scss
rename to sass/_vars.scss
diff --git a/ts/sass/base.scss b/sass/base.scss
similarity index 100%
rename from ts/sass/base.scss
rename to sass/base.scss
diff --git a/ts/sass/bootstrap-dark.scss b/sass/bootstrap-dark.scss
similarity index 100%
rename from ts/sass/bootstrap-dark.scss
rename to sass/bootstrap-dark.scss
diff --git a/ts/sass/bootstrap/BUILD.bazel b/sass/bootstrap/BUILD.bazel
similarity index 100%
rename from ts/sass/bootstrap/BUILD.bazel
rename to sass/bootstrap/BUILD.bazel
diff --git a/ts/sass/button-mixins.scss b/sass/button-mixins.scss
similarity index 100%
rename from ts/sass/button-mixins.scss
rename to sass/button-mixins.scss
diff --git a/ts/sass/buttons.scss b/sass/buttons.scss
similarity index 100%
rename from ts/sass/buttons.scss
rename to sass/buttons.scss
diff --git a/ts/sass/card-counts.scss b/sass/card-counts.scss
similarity index 100%
rename from ts/sass/card-counts.scss
rename to sass/card-counts.scss
diff --git a/ts/sass/codemirror/BUILD.bazel b/sass/codemirror/BUILD.bazel
similarity index 100%
rename from ts/sass/codemirror/BUILD.bazel
rename to sass/codemirror/BUILD.bazel
diff --git a/ts/sass/core.scss b/sass/core.scss
similarity index 100%
rename from ts/sass/core.scss
rename to sass/core.scss
diff --git a/ts/sass/night-mode.scss b/sass/night-mode.scss
similarity index 100%
rename from ts/sass/night-mode.scss
rename to sass/night-mode.scss
diff --git a/ts/sass/scrollbar.scss b/sass/scrollbar.scss
similarity index 100%
rename from ts/sass/scrollbar.scss
rename to sass/scrollbar.scss
diff --git a/ts/change-notetype/BUILD.bazel b/ts/change-notetype/BUILD.bazel
index f0d3d8ccf..41ecbf6c6 100644
--- a/ts/change-notetype/BUILD.bazel
+++ b/ts/change-notetype/BUILD.bazel
@@ -11,9 +11,9 @@ compile_sass(
     group = "base_css",
     visibility = ["//visibility:public"],
     deps = [
-        "//ts/sass:base_lib",
-        "//ts/sass:scrollbar_lib",
-        "//ts/sass/bootstrap",
+        "//sass:base_lib",
+        "//sass:scrollbar_lib",
+        "//sass/bootstrap",
     ],
 )
 
@@ -71,8 +71,8 @@ svelte_check(
         "*.ts",
         "*.svelte",
     ]) + [
-        "//ts/sass:button_mixins_lib",
-        "//ts/sass/bootstrap",
+        "//sass:button_mixins_lib",
+        "//sass/bootstrap",
         "@npm//@types/bootstrap",
         "@npm//@types/lodash-es",
         "@npm//@types/marked",
diff --git a/ts/change-notetype/change-notetype-base.scss b/ts/change-notetype/change-notetype-base.scss
index eb4d1c866..29cbda267 100644
--- a/ts/change-notetype/change-notetype-base.scss
+++ b/ts/change-notetype/change-notetype-base.scss
@@ -1,15 +1,15 @@
-@use "vars";
-@use "scrollbar";
-@use "bootstrap-dark";
+@use "sass/vars";
+@use "sass/scrollbar";
+@use "sass/bootstrap-dark";
 
-@import "base";
+@import "sass/base";
 
-@import "bootstrap/scss/alert";
-@import "bootstrap/scss/forms";
-@import "bootstrap/scss/buttons";
-@import "bootstrap/scss/button-group";
-@import "bootstrap/scss/close";
-@import "bootstrap/scss/grid";
+@import "sass/bootstrap/scss/alert";
+@import "sass/bootstrap/scss/forms";
+@import "sass/bootstrap/scss/buttons";
+@import "sass/bootstrap/scss/button-group";
+@import "sass/bootstrap/scss/close";
+@import "sass/bootstrap/scss/grid";
 
 .night-mode {
     @include scrollbar.night-mode;
diff --git a/ts/compile_sass.bzl b/ts/compile_sass.bzl
index 82676dabb..713251786 100644
--- a/ts/compile_sass.bzl
+++ b/ts/compile_sass.bzl
@@ -15,8 +15,10 @@ def compile_sass(group, srcs, deps = [], visibility = ["//visibility:private"]):
             deps = deps,
             visibility = visibility,
             include_paths = [
-                "ts/sass",
-                "external/ankidesktop/ts/sass",
+                ".",
+                "sass",
+                "external/ankidesktop",
+                "external/ankidesktop/sass",
             ],
         )
 
diff --git a/ts/components/BUILD.bazel b/ts/components/BUILD.bazel
index e4c6842eb..fa706524f 100644
--- a/ts/components/BUILD.bazel
+++ b/ts/components/BUILD.bazel
@@ -31,10 +31,10 @@ svelte_check(
         "*.ts",
         "*.svelte",
     ]) + [
-        "//ts/sass:base_lib",
-        "//ts/sass:button_mixins_lib",
-        "//ts/sass:scrollbar_lib",
-        "//ts/sass/bootstrap",
+        "//sass:base_lib",
+        "//sass:button_mixins_lib",
+        "//sass:scrollbar_lib",
+        "//sass/bootstrap",
         "@npm//@types/bootstrap",
         "//ts/sveltelib:sveltelib_pkg",
     ],
diff --git a/ts/components/ButtonToolbar.svelte b/ts/components/ButtonToolbar.svelte
index 6059ca592..29f1464bf 100644
--- a/ts/components/ButtonToolbar.svelte
+++ b/ts/components/ButtonToolbar.svelte
@@ -95,7 +95,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 </div>
 
 <style lang="scss">
-    @use "scrollbar";
+    @use "sass/scrollbar";
 
     .nightMode {
         @include scrollbar.night-mode;
diff --git a/ts/components/DropdownItem.svelte b/ts/components/DropdownItem.svelte
index 44dcc868d..643ca042b 100644
--- a/ts/components/DropdownItem.svelte
+++ b/ts/components/DropdownItem.svelte
@@ -39,7 +39,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 </button>
 
 <style lang="scss">
-    @use "button-mixins" as button;
+    @use "sass/button-mixins" as button;
 
     button {
         display: flex;
diff --git a/ts/components/IconButton.svelte b/ts/components/IconButton.svelte
index 2f9d7b61a..4219bd41b 100644
--- a/ts/components/IconButton.svelte
+++ b/ts/components/IconButton.svelte
@@ -51,7 +51,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 </button>
 
 <style lang="scss">
-    @use "button-mixins" as button;
+    @use "sass/button-mixins" as button;
 
     button {
         padding: 0;
diff --git a/ts/components/LabelButton.svelte b/ts/components/LabelButton.svelte
index b001513a2..0b2e6bf39 100644
--- a/ts/components/LabelButton.svelte
+++ b/ts/components/LabelButton.svelte
@@ -49,7 +49,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 </button>
 
 <style lang="scss">
-    @use "button-mixins" as button;
+    @use "sass/button-mixins" as button;
 
     button {
         padding: 0 calc(var(--buttons-size) / 3);
diff --git a/ts/components/SelectButton.svelte b/ts/components/SelectButton.svelte
index ed8e21ddd..666ceba6c 100644
--- a/ts/components/SelectButton.svelte
+++ b/ts/components/SelectButton.svelte
@@ -39,7 +39,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 </select>
 
 <style lang="scss">
-    @use "button-mixins" as button;
+    @use "sass/button-mixins" as button;
 
     select {
         height: var(--buttons-size);
diff --git a/ts/congrats/BUILD.bazel b/ts/congrats/BUILD.bazel
index 506ed7b98..0a978b2bd 100644
--- a/ts/congrats/BUILD.bazel
+++ b/ts/congrats/BUILD.bazel
@@ -11,8 +11,8 @@ compile_sass(
     group = "base_css",
     visibility = ["//visibility:public"],
     deps = [
-        "//ts/sass:base_lib",
-        "//ts/sass:scrollbar_lib",
+        "//sass:base_lib",
+        "//sass:scrollbar_lib",
     ],
 )
 
diff --git a/ts/congrats/congrats-base.scss b/ts/congrats/congrats-base.scss
index 04b18fc79..70fbac468 100644
--- a/ts/congrats/congrats-base.scss
+++ b/ts/congrats/congrats-base.scss
@@ -1,5 +1,5 @@
-@use "core";
-@use "scrollbar";
+@use "sass/core";
+@use "sass/scrollbar";
 
 .night-mode {
     @include scrollbar.night-mode;
diff --git a/ts/deck-options/BUILD.bazel b/ts/deck-options/BUILD.bazel
index e76b6fa3c..f547d5a9e 100644
--- a/ts/deck-options/BUILD.bazel
+++ b/ts/deck-options/BUILD.bazel
@@ -12,9 +12,9 @@ compile_sass(
     group = "base_css",
     visibility = ["//visibility:public"],
     deps = [
-        "//ts/sass:base_lib",
-        "//ts/sass:scrollbar_lib",
-        "//ts/sass/bootstrap",
+        "//sass:base_lib",
+        "//sass:scrollbar_lib",
+        "//sass/bootstrap",
     ],
 )
 
@@ -73,9 +73,9 @@ svelte_check(
         "*.ts",
         "*.svelte",
     ]) + [
-        "//ts/sass:button_mixins_lib",
-        "//ts/sass:night_mode_lib",
-        "//ts/sass/bootstrap",
+        "//sass:button_mixins_lib",
+        "//sass:night_mode_lib",
+        "//sass/bootstrap",
         "@npm//@types/bootstrap",
         "@npm//@types/lodash-es",
         "@npm//@types/marked",
diff --git a/ts/deck-options/EnumSelector.svelte b/ts/deck-options/EnumSelector.svelte
index bfdd4f341..a7a348584 100644
--- a/ts/deck-options/EnumSelector.svelte
+++ b/ts/deck-options/EnumSelector.svelte
@@ -24,8 +24,8 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 </select>
 
 <style lang="scss">
-    @use "night-mode" as nightmode;
-    @use "button-mixins" as button;
+    @use "sass/night-mode" as nightmode;
+    @use "sass/button-mixins" as button;
 
     .nightMode {
         @include nightmode.input;
diff --git a/ts/deck-options/SpinBox.svelte b/ts/deck-options/SpinBox.svelte
index 317ce416f..b050d1e11 100644
--- a/ts/deck-options/SpinBox.svelte
+++ b/ts/deck-options/SpinBox.svelte
@@ -34,7 +34,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 />
 
 <style lang="scss">
-    @use "night-mode" as nightmode;
+    @use "sass/night-mode" as nightmode;
 
     .nightMode {
         @include nightmode.input;
diff --git a/ts/deck-options/SpinBoxFloat.svelte b/ts/deck-options/SpinBoxFloat.svelte
index 3fbc9ab50..493f5b466 100644
--- a/ts/deck-options/SpinBoxFloat.svelte
+++ b/ts/deck-options/SpinBoxFloat.svelte
@@ -32,7 +32,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 />
 
 <style lang="scss">
-    @use "night-mode" as nightmode;
+    @use "sass/night-mode" as nightmode;
 
     .nightMode {
         @include nightmode.input;
diff --git a/ts/deck-options/StepsInput.svelte b/ts/deck-options/StepsInput.svelte
index b826990c6..38c6b2899 100644
--- a/ts/deck-options/StepsInput.svelte
+++ b/ts/deck-options/StepsInput.svelte
@@ -28,7 +28,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 />
 
 <style lang="scss">
-    @use "night-mode" as nightmode;
+    @use "sass/night-mode" as nightmode;
 
     .nightMode {
         @include nightmode.input;
diff --git a/ts/deck-options/TextInputModal.svelte b/ts/deck-options/TextInputModal.svelte
index 9f98a7513..6ff079e2b 100644
--- a/ts/deck-options/TextInputModal.svelte
+++ b/ts/deck-options/TextInputModal.svelte
@@ -96,7 +96,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 </div>
 
 <style lang="scss">
-    @use "night-mode" as nightmode;
+    @use "sass/night-mode" as nightmode;
 
     .nightMode {
         @include nightmode.input;
diff --git a/ts/deck-options/deck-options-base.scss b/ts/deck-options/deck-options-base.scss
index 879f55426..5e85be88b 100644
--- a/ts/deck-options/deck-options-base.scss
+++ b/ts/deck-options/deck-options-base.scss
@@ -2,22 +2,22 @@ $tooltip-padding-y: 0.45rem;
 $tooltip-padding-x: 0.65rem;
 $tooltip-max-width: 300px;
 
-@use "vars";
-@use "scrollbar";
+@use "sass/vars";
+@use "sass/scrollbar";
 
-@import "base";
-@import "bootstrap/scss/containers";
-@import "bootstrap/scss/grid";
-@import "bootstrap/scss/dropdown";
-@import "bootstrap/scss/forms";
-@import "bootstrap/scss/buttons";
-@import "bootstrap/scss/button-group";
-@import "bootstrap/scss/transitions";
-@import "bootstrap/scss/modal";
-@import "bootstrap/scss/close";
-@import "bootstrap/scss/alert";
-@import "bootstrap/scss/tooltip";
-@import "bootstrap/scss/badge";
+@import "sass/base";
+@import "sass/bootstrap/scss/containers";
+@import "sass/bootstrap/scss/grid";
+@import "sass/bootstrap/scss/dropdown";
+@import "sass/bootstrap/scss/forms";
+@import "sass/bootstrap/scss/buttons";
+@import "sass/bootstrap/scss/button-group";
+@import "sass/bootstrap/scss/transitions";
+@import "sass/bootstrap/scss/modal";
+@import "sass/bootstrap/scss/close";
+@import "sass/bootstrap/scss/alert";
+@import "sass/bootstrap/scss/tooltip";
+@import "sass/bootstrap/scss/badge";
 
 .night-mode {
     @include scrollbar.night-mode;
diff --git a/ts/editable/BUILD.bazel b/ts/editable/BUILD.bazel
index 9a32e03d8..2f30daf57 100644
--- a/ts/editable/BUILD.bazel
+++ b/ts/editable/BUILD.bazel
@@ -12,8 +12,8 @@ compile_sass(
     group = "editable_scss",
     visibility = ["//visibility:public"],
     deps = [
-        "//ts/sass:scrollbar_lib",
-        "//ts/sass/codemirror",
+        "//sass:scrollbar_lib",
+        "//sass/codemirror",
     ],
 )
 
diff --git a/ts/editable/editable-base.scss b/ts/editable/editable-base.scss
index 0009a3fff..e2f3227ce 100644
--- a/ts/editable/editable-base.scss
+++ b/ts/editable/editable-base.scss
@@ -1,4 +1,4 @@
-@use "scrollbar";
+@use "sass/scrollbar";
 
 anki-editable {
     display: block;
diff --git a/ts/editor/AutocompleteItem.svelte b/ts/editor/AutocompleteItem.svelte
index 079bb1f41..afe5f7a47 100644
--- a/ts/editor/AutocompleteItem.svelte
+++ b/ts/editor/AutocompleteItem.svelte
@@ -46,7 +46,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 </button>
 
 <style lang="scss">
-    @use "button-mixins" as button;
+    @use "sass/button-mixins" as button;
 
     .autocomplete-item {
         padding: 1px 7px 2px;
diff --git a/ts/editor/BUILD.bazel b/ts/editor/BUILD.bazel
index d07b521cb..5fea49469 100644
--- a/ts/editor/BUILD.bazel
+++ b/ts/editor/BUILD.bazel
@@ -13,10 +13,10 @@ compile_sass(
     group = "base_css",
     visibility = ["//visibility:public"],
     deps = [
-        "//ts/sass:base_lib",
-        "//ts/sass:button_mixins_lib",
-        "//ts/sass:buttons_lib",
-        "//ts/sass:scrollbar_lib",
+        "//sass:base_lib",
+        "//sass:button_mixins_lib",
+        "//sass:buttons_lib",
+        "//sass:scrollbar_lib",
     ],
 )
 
@@ -28,8 +28,8 @@ compile_sass(
     group = "local_css",
     visibility = ["//visibility:public"],
     deps = [
-        "//ts/sass:button_mixins_lib",
-        "//ts/sass/bootstrap",
+        "//sass:button_mixins_lib",
+        "//sass/bootstrap",
     ],
 )
 
@@ -82,8 +82,8 @@ svelte_check(
         "*.ts",
         "*.svelte",
     ]) + [
-        "//ts/sass:button_mixins_lib",
-        "//ts/sass/bootstrap",
+        "//sass:button_mixins_lib",
+        "//sass/bootstrap",
         "@npm//@types/bootstrap",
         "//ts/components",
         "@npm//@types/codemirror",
diff --git a/ts/editor/Tag.svelte b/ts/editor/Tag.svelte
index 1f2c69fe4..59f5ce0dc 100644
--- a/ts/editor/Tag.svelte
+++ b/ts/editor/Tag.svelte
@@ -44,7 +44,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 </button>
 
 <style lang="scss">
-    @use "button-mixins" as button;
+    @use "sass/button-mixins" as button;
 
     @keyframes flash {
         0% {
diff --git a/ts/editor/bootstrap.scss b/ts/editor/bootstrap.scss
index bd6526e86..41ee33424 100644
--- a/ts/editor/bootstrap.scss
+++ b/ts/editor/bootstrap.scss
@@ -1,13 +1,13 @@
-@import "bootstrap/scss/functions";
-@import "bootstrap/scss/variables";
-@import "bootstrap/scss/mixins";
+@import "sass/bootstrap/scss/functions";
+@import "sass/bootstrap/scss/variables";
+@import "sass/bootstrap/scss/mixins";
 
 $btn-disabled-opacity: 0.4;
 
-@import "bootstrap/scss/buttons";
-@import "bootstrap/scss/button-group";
-@import "bootstrap/scss/dropdown";
+@import "sass/bootstrap/scss/buttons";
+@import "sass/bootstrap/scss/button-group";
+@import "sass/bootstrap/scss/dropdown";
 
 $tooltip-max-width: 600px;
 
-@import "bootstrap/scss/tooltip";
+@import "sass/bootstrap/scss/tooltip";
diff --git a/ts/editor/fields.scss b/ts/editor/fields.scss
index b7972d6a5..069da651c 100644
--- a/ts/editor/fields.scss
+++ b/ts/editor/fields.scss
@@ -1,9 +1,9 @@
 /* Copyright: Ankitects Pty Ltd and contributors
  * License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html */
 
-@use "base";
-@use "scrollbar";
-@use "button-mixins";
+@use "sass/base";
+@use "sass/scrollbar";
+@use "sass/button-mixins";
 
 html,
 body {
diff --git a/ts/graphs/BUILD.bazel b/ts/graphs/BUILD.bazel
index 1f3125c25..6dc5ff1b8 100644
--- a/ts/graphs/BUILD.bazel
+++ b/ts/graphs/BUILD.bazel
@@ -10,8 +10,8 @@ compile_sass(
     group = "base_css",
     visibility = ["//visibility:public"],
     deps = [
-        "//ts/sass:base_lib",
-        "//ts/sass:scrollbar_lib",
+        "//sass:base_lib",
+        "//sass:scrollbar_lib",
     ],
 )
 
diff --git a/ts/graphs/graphs-base.scss b/ts/graphs/graphs-base.scss
index c0a70a083..44b85cf14 100644
--- a/ts/graphs/graphs-base.scss
+++ b/ts/graphs/graphs-base.scss
@@ -1,5 +1,5 @@
-@use "base";
-@use "scrollbar";
+@use "sass/base";
+@use "sass/scrollbar";
 
 .night-mode {
     @include scrollbar.night-mode;
diff --git a/ts/svelte/svelte.bzl b/ts/svelte/svelte.bzl
index 4e6ffd3bd..92fcad24b 100644
--- a/ts/svelte/svelte.bzl
+++ b/ts/svelte/svelte.bzl
@@ -78,5 +78,5 @@ def svelte_check(name = "svelte_check", srcs = []):
         data = [
             "@npm//sass",
         ] + srcs,
-        env = {"SASS_PATH": "ts/sass"},
+        env = {"SASS_PATH": "sass"},
     )
diff --git a/ts/svelte/svelte.ts b/ts/svelte/svelte.ts
index 958544446..148fabc67 100644
--- a/ts/svelte/svelte.ts
+++ b/ts/svelte/svelte.ts
@@ -150,14 +150,13 @@ async function writeJs(
     const preprocessOptions = preprocess({
         scss: {
             includePaths: [
-                "ts/sass",
-                `${binDir}/ts/sass`,
-                `${genDir}/ts/sass`,
-                // a nasty hack to ensure ts/sass/... resolves correctly
+                binDir,
+                genDir,
+                // a nasty hack to ensure sass/... resolves correctly
                 // when invoked from an external workspace
-                `${binDir}/external/ankidesktop/ts/sass`,
-                `${genDir}/external/ankidesktop/ts/sass`,
-                `${binDir}/../../../external/ankidesktop/ts/sass`,
+                `${binDir}/external/ankidesktop`,
+                `${genDir}/external/ankidesktop`,
+                `${binDir}/../../../external/ankidesktop`,
             ],
         },
     });