diff --git a/front/src/components/ui/toggle.scss b/front/src/components/ui/toggle.scss
index 2e806f3fc..63b69fc1f 100644
--- a/front/src/components/ui/toggle.scss
+++ b/front/src/components/ui/toggle.scss
@@ -38,10 +38,10 @@
       }
 
       &.is-active {
-        --fw-bg-color: var(--fw-bg-400);
+        --fw-bg-color: var(--fw-blue-400);
 
         &:hover {
-          --fw-bg-color: var(--fw-blue-500);
+          --fw-bg-color: var(--fw-blue-700);
         }
 
         &::before {