diff --git a/ts/routes/reviewer/reviewer.svelte b/ts/routes/reviewer/reviewer.svelte
index d01486806..f4fdd37af 100644
--- a/ts/routes/reviewer/reviewer.svelte
+++ b/ts/routes/reviewer/reviewer.svelte
@@ -2,9 +2,10 @@
     import type { Writable } from "svelte/store";
 
     export let html: Writable<string>
+    export let cardClass: Writable<string>
 </script>
 
-<div id="qa" class="card">
+<div id="qa" class={$cardClass}>
     {@html $html}
 </div>
 
diff --git a/ts/routes/reviewer/reviewer.ts b/ts/routes/reviewer/reviewer.ts
index 48d35f7ba..d7d1fa35f 100644
--- a/ts/routes/reviewer/reviewer.ts
+++ b/ts/routes/reviewer/reviewer.ts
@@ -3,15 +3,16 @@ import { preloadAnswerImages } from "../../reviewer/images"
 
 export function setupReviewer() {
     const html = writable("")
+    const cardClass = writable("")
 
-    function showQuestion(q, a, bodyclass) {
+    function showQuestion(q, a, cc) {
         html.set(q)
-        document.body.className = bodyclass
+        cardClass.set(cc)
         preloadAnswerImages(a)
     }
 
     globalThis._showAnswer = html.set
     globalThis._showQuestion = showQuestion
 
-    return {html}
+    return {html, cardClass}
 }
\ No newline at end of file