diff --git a/frontend/src/lib/editor/ABCDEditorPart.svelte b/frontend/src/lib/editor/ABCDEditorPart.svelte
index af6dbaa..f633924 100644
--- a/frontend/src/lib/editor/ABCDEditorPart.svelte
+++ b/frontend/src/lib/editor/ABCDEditorPart.svelte
@@ -103,7 +103,7 @@
 					{/if}
 				</button>
 				<input
-					class="rounded-lg p-1"
+					class="rounded-lg p-1 border-black border"
 					type="color"
 					bind:value={answer.color}
 					on:contextmenu|preventDefault={() => {
diff --git a/frontend/src/lib/editor/VotingEditorPart.svelte b/frontend/src/lib/editor/VotingEditorPart.svelte
index 9c41191..a897d62 100644
--- a/frontend/src/lib/editor/VotingEditorPart.svelte
+++ b/frontend/src/lib/editor/VotingEditorPart.svelte
@@ -63,7 +63,7 @@
 					placeholder="Empty..."
 				/>
 				<input
-					class="rounded-lg p-1"
+					class="rounded-lg p-1 border-black border"
 					type="color"
 					bind:value={answer.color}
 					on:contextmenu|preventDefault={() => {
diff --git a/frontend/src/lib/editor/settings-card.svelte b/frontend/src/lib/editor/settings-card.svelte
index adf020f..9d3d5cd 100644
--- a/frontend/src/lib/editor/settings-card.svelte
+++ b/frontend/src/lib/editor/settings-card.svelte
@@ -167,7 +167,7 @@
 					>
 						<input
 							type="color"
-							class="rounded-lg p-1 min-h-full hover:cursor-pointer"
+							class="rounded-lg p-1 min-h-full hover:cursor-pointer border-black border"
 							bind:value={data.background_color}
 						/>
 					</div>