diff --git a/app/styles/components/react-toggle.scss b/app/styles/components/react-toggle.scss
index e6bd7db7b..699b6e86d 100644
--- a/app/styles/components/react-toggle.scss
+++ b/app/styles/components/react-toggle.scss
@@ -32,7 +32,7 @@
   height: 24px;
   padding: 0;
   border-radius: 30px;
-  background-color: var(--brand-color);
+  background-color: var(--foreground-color);
   transition: background-color 0.2s ease;
 }