diff --git a/frontend/src/lib/admin.svelte b/frontend/src/lib/admin.svelte
index 6632342..dab8090 100644
--- a/frontend/src/lib/admin.svelte
+++ b/frontend/src/lib/admin.svelte
@@ -175,7 +175,7 @@
 							style="background-color: {answer.color ?? '#B45309'}"
 						>
 							<img class="w-14 inline-block pl-4" alt="icon" src={kahoot_icons[i]} />
-							<span class="text-center text-2xl px-2 py-4 w-full"
+							<span class="text-center text-2xl px-2 py-4 w-full text-black"
 								>{answer.answer}</span
 							>
 							<span class="pl-4 w-10" />
diff --git a/frontend/src/lib/dashboard/start_game.svelte b/frontend/src/lib/dashboard/start_game.svelte
index 540c925..bf5bd4f 100644
--- a/frontend/src/lib/dashboard/start_game.svelte
+++ b/frontend/src/lib/dashboard/start_game.svelte
@@ -50,7 +50,7 @@
 </script>
 
 <div
-	class="fixed top-0 left-0 flex justify-center w-screen h-screen bg-black bg-opacity-60 z-50"
+	class="fixed top-0 left-0 flex justify-center w-screen h-screen bg-black bg-opacity-60 z-50 text-black"
 	transition:fade={{ duration: 100 }}
 >
 	<div
@@ -73,7 +73,7 @@
 				<span
 					class="w-14 h-7 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:left-[4px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-6 after:w-6 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600"
 				/>
-				<span class="ml-3 text-sm font-medium text-gray-900 dark:text-gray-300"
+				<span class="ml-3 text-sm font-medium text-gray-900"
 					>Captcha {captcha_selected ? 'enabled' : 'disabled'}</span
 				>
 			</label>
diff --git a/frontend/src/lib/play/circular_progress.svelte b/frontend/src/lib/play/circular_progress.svelte
index ab9605a..7fa94be 100644
--- a/frontend/src/lib/play/circular_progress.svelte
+++ b/frontend/src/lib/play/circular_progress.svelte
@@ -24,7 +24,9 @@
 	$: cssVarStyles = `--background:${background}`;
 </script>
 
-<div id="progress-circle" style={cssVarStyles} class="transition-all text-4xl">{text}</div>
+<div id="progress-circle" style={cssVarStyles} class="transition-all text-4xl text-black">
+	{text}
+</div>
 
 <style>
 	#progress-circle {