diff --git a/frontend/src/lib/quiztivity/components/abcd/edit.svelte b/frontend/src/lib/quiztivity/components/abcd/edit.svelte
index f4cd3dd..9be0597 100644
--- a/frontend/src/lib/quiztivity/components/abcd/edit.svelte
+++ b/frontend/src/lib/quiztivity/components/abcd/edit.svelte
@@ -34,7 +34,7 @@
 			<div class="rounded p-6 bg-gray-700 flex">
 				<input
 					bind:value={answer.answer}
-					class="w-full my-auto bg-transparent outline-none text-center"
+					class="w-full my-auto bg-transparent outline-none text-center text-white"
 					placeholder="Enter answer here"
 				/>
 				<button
@@ -45,7 +45,7 @@
 				>
 					{#if answer.correct}
 						<svg
-							class="w-6 h-6 inline-block"
+							class="w-6 h-6 inline-block text-white"
 							fill="none"
 							stroke="currentColor"
 							viewBox="0 0 24 24"
@@ -60,7 +60,7 @@
 						</svg>
 					{:else}
 						<svg
-							class="w-6 h-6 inline-block"
+							class="w-6 h-6 inline-block text-white"
 							fill="none"
 							stroke="currentColor"
 							viewBox="0 0 24 24"
diff --git a/frontend/src/lib/quiztivity/components/abcd/play.svelte b/frontend/src/lib/quiztivity/components/abcd/play.svelte
index e18deb5..00a5e29 100644
--- a/frontend/src/lib/quiztivity/components/abcd/play.svelte
+++ b/frontend/src/lib/quiztivity/components/abcd/play.svelte
@@ -30,7 +30,7 @@
 				class:opacity-50={selected_answer !== undefined && !answer.correct}
 				class:text-2xl={selected_answer === i}
 			>
-				<span class="m-auto">{answer.answer}</span>
+				<span class="m-auto text-white">{answer.answer}</span>
 			</button>
 		{/each}
 	</div>