diff --git a/web/src/lib/components/ui/Toggle.svelte b/web/src/lib/components/ui/Toggle.svelte
index 3357bd48..14588967 100644
--- a/web/src/lib/components/ui/Toggle.svelte
+++ b/web/src/lib/components/ui/Toggle.svelte
@@ -39,7 +39,7 @@
 	].join(" ");
 
 	const thumbClasses = [
-		"pointer-events-none absolute top-px left-px size-4 rounded-full bg-foreground-on-emphasis",
+		"pointer-events-none absolute top-px left-px size-4 rounded-full bg-background-default",
 		"transition-transform duration-150 peer-checked:translate-x-[15px]"
 	].join(" ");