diff --git a/frontend/src/routes/results/[result_id]/question_overview.svelte b/frontend/src/routes/results/[result_id]/question_overview.svelte
index 6de215c..5f4b339 100644
--- a/frontend/src/routes/results/[result_id]/question_overview.svelte
+++ b/frontend/src/routes/results/[result_id]/question_overview.svelte
@@ -55,7 +55,9 @@
 	<div class="w-11/12 flex flex-col w-full gap-4">
 		{#each questions as question, i}
 			<div class="transition-all">
-				<div class="w-full bg-white bg-opacity-60 p-2 rounded grid grid-cols-3 z-40">
+				<div
+					class="w-full bg-white p-2 rounded grid grid-cols-3 z-40 dark:bg-gray-700 bg-opacity-60 dark:bg-opacity-80"
+				>
 					<button
 						class="text-center underline text-xl"
 						on:click={() => {
diff --git a/frontend/src/routes/results/[result_id]/question_tab_thing.svelte b/frontend/src/routes/results/[result_id]/question_tab_thing.svelte
index a44a0bd..50d9406 100644
--- a/frontend/src/routes/results/[result_id]/question_tab_thing.svelte
+++ b/frontend/src/routes/results/[result_id]/question_tab_thing.svelte
@@ -34,7 +34,7 @@
 </script>
 
 <div class="flex justify-center">
-	<div class="bg-white p-2 -z-10 w-10/12 rounded">
+	<div class="bg-white p-2 -z-10 w-10/12 rounded dark:bg-gray-700">
 		{#if question.type !== QuizQuestionType.ORDER && question.type !== QuizQuestionType.RANGE}
 			<div class="flex flex-col mb-4">
 				{#each question.answers as answer}