diff --git a/frontend/src/lib/components/RadioButton.svelte b/frontend/src/lib/components/RadioButton.svelte
index a3554842ec..0e1d5c4e29 100644
--- a/frontend/src/lib/components/RadioButton.svelte
+++ b/frontend/src/lib/components/RadioButton.svelte
@@ -34,6 +34,6 @@
 	}
 
 	label.selected {
-		@apply border bg-blue-500/90 text-white rounded-md px-3 flex items-center justify-center text-sm font-medium uppercase sm:flex-1 cursor-pointer focus:outline-none;
+		@apply border bg-blue-500/70 text-white rounded-md px-3 flex items-center justify-center text-sm font-medium uppercase sm:flex-1 cursor-pointer focus:outline-none;
 	}
 </style>
diff --git a/frontend/src/lib/components/RadioButtonV2.svelte b/frontend/src/lib/components/RadioButtonV2.svelte
index 2769c3ee39..f2ccd88588 100644
--- a/frontend/src/lib/components/RadioButtonV2.svelte
+++ b/frontend/src/lib/components/RadioButtonV2.svelte
@@ -32,6 +32,6 @@
 		display: block;
 	}
 	.selected {
-		@apply bg-gray-300/90;
+		@apply bg-blue-500/70;
 	}
 </style>