diff --git a/qt/aqt/mediasrv.py b/qt/aqt/mediasrv.py
index 530b5d022..83f45c933 100644
--- a/qt/aqt/mediasrv.py
+++ b/qt/aqt/mediasrv.py
@@ -334,7 +334,7 @@ def is_sveltekit_page(path: str) -> bool:
         "import-csv",
         "import-page",
         "image-occlusion",
-        "reviewer-bottom",
+        "reviewer",
     ]
 
 
diff --git a/qt/aqt/reviewer.py b/qt/aqt/reviewer.py
index 6edd73efc..535f87b22 100644
--- a/qt/aqt/reviewer.py
+++ b/qt/aqt/reviewer.py
@@ -341,21 +341,12 @@ class Reviewer:
     def _initWeb(self) -> None:
         self._reps = 0
         # main window
-        self.web.stdHtml(
-            self.revHtml(),
-            css=["css/reviewer.css"],
-            js=[
-                "js/mathjax.js",
-                "js/vendor/mathjax/tex-chtml-full.js",
-                "js/reviewer.js",
-            ],
-            context=self,
-        )
+        self.web.load_sveltekit_page("reviewer")
         # block default drag & drop behavior while allowing drop events to be received by JS handlers
         self.web.allow_drops = True
         self.web.eval("_blockDefaultDragDropBehavior();")
         # show answer / ease buttons
-        self.bottom.web.load_sveltekit_page("reviewer-bottom")
+        self.bottom.web = self.web
 
     # Showing the question
     ##########################################################################
diff --git a/ts/routes/reviewer/+page.svelte b/ts/routes/reviewer/+page.svelte
new file mode 100644
index 000000000..2299e944d
--- /dev/null
+++ b/ts/routes/reviewer/+page.svelte
@@ -0,0 +1,5 @@
+<script>
+    import ReviewerBottomOuter from "./reviewer-bottom/ReviewerBottomOuter.svelte";
+</script>
+
+<ReviewerBottomOuter></ReviewerBottomOuter>
\ No newline at end of file
diff --git a/ts/routes/reviewer/index.ts b/ts/routes/reviewer/index.ts
new file mode 100644
index 000000000..e69de29bb
diff --git a/ts/routes/reviewer-bottom/AnswerButton.svelte b/ts/routes/reviewer/reviewer-bottom/AnswerButton.svelte
similarity index 100%
rename from ts/routes/reviewer-bottom/AnswerButton.svelte
rename to ts/routes/reviewer/reviewer-bottom/AnswerButton.svelte
diff --git a/ts/routes/reviewer-bottom/RemainingNumber.svelte b/ts/routes/reviewer/reviewer-bottom/RemainingNumber.svelte
similarity index 100%
rename from ts/routes/reviewer-bottom/RemainingNumber.svelte
rename to ts/routes/reviewer/reviewer-bottom/RemainingNumber.svelte
diff --git a/ts/routes/reviewer-bottom/ReviewerBottom.svelte b/ts/routes/reviewer/reviewer-bottom/ReviewerBottom.svelte
similarity index 100%
rename from ts/routes/reviewer-bottom/ReviewerBottom.svelte
rename to ts/routes/reviewer/reviewer-bottom/ReviewerBottom.svelte
diff --git a/ts/routes/reviewer-bottom/+page.svelte b/ts/routes/reviewer/reviewer-bottom/ReviewerBottomOuter.svelte
similarity index 100%
rename from ts/routes/reviewer-bottom/+page.svelte
rename to ts/routes/reviewer/reviewer-bottom/ReviewerBottomOuter.svelte
diff --git a/ts/routes/reviewer-bottom/index.scss b/ts/routes/reviewer/reviewer-bottom/index.scss
similarity index 89%
rename from ts/routes/reviewer-bottom/index.scss
rename to ts/routes/reviewer/reviewer-bottom/index.scss
index 9675a96a1..0f189d6b9 100644
--- a/ts/routes/reviewer-bottom/index.scss
+++ b/ts/routes/reviewer/reviewer-bottom/index.scss
@@ -1,10 +1,10 @@
 /* Copyright: Ankitects Pty Ltd and contributors
  * License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html */
 
-@use "../../lib/sass/root-vars";
-@use "../../lib/sass/vars" as *;
-@use "../../lib/sass/card-counts";
-@use "../../lib/sass/buttons";
+@use "../../../lib/sass/root-vars";
+@use "../../../lib/sass/vars" as *;
+@use "../../../lib/sass/card-counts";
+@use "../../../lib/sass/buttons";
 
 :root {
     --focus-color: #{palette-of(border-focus)};
diff --git a/ts/routes/reviewer-bottom/types.ts b/ts/routes/reviewer/reviewer-bottom/types.ts
similarity index 100%
rename from ts/routes/reviewer-bottom/types.ts
rename to ts/routes/reviewer/reviewer-bottom/types.ts