diff --git a/app/src/componentLibrary/checkbox/checkbox.scss b/app/src/componentLibrary/checkbox/checkbox.scss
index 53db10d23e..44a78657af 100644
--- a/app/src/componentLibrary/checkbox/checkbox.scss
+++ b/app/src/componentLibrary/checkbox/checkbox.scss
@@ -51,7 +51,7 @@
   position: absolute;
   width: 16px;
   height: 16px;
-  border: 1px solid $COLOR--e-200;
+  border: 1px solid $COLOR--e-300;
   border-radius: 3px;
   margin-left: -24px;
   box-sizing: border-box;
@@ -93,7 +93,7 @@
       @include checked-state($COLOR--topaz-focused, $COLOR--topaz-focused);
     }
     &:disabled + .checkbox {
-      border-color: $COLOR--e-200;
+      border-color: $COLOR--e-300;
     }
     &:checked:disabled + .checkbox {
       @include checked-state($COLOR--topaz-2, $COLOR--topaz-2);
diff --git a/app/src/componentLibrary/radioGroup/radioButton/radioButton.scss b/app/src/componentLibrary/radioGroup/radioButton/radioButton.scss
index 9562170909..212f7a9312 100644
--- a/app/src/componentLibrary/radioGroup/radioButton/radioButton.scss
+++ b/app/src/componentLibrary/radioGroup/radioButton/radioButton.scss
@@ -125,7 +125,7 @@
 .light {
   &.toggler {
     @include toggler;
-    border-color: $COLOR--e-200;
+    border-color: $COLOR--e-300;
     background-color: $COLOR--white-two;
 
     &::after {
diff --git a/app/src/componentLibrary/toggle/toggle.scss b/app/src/componentLibrary/toggle/toggle.scss
index 1c8bd608ab..8985278058 100644
--- a/app/src/componentLibrary/toggle/toggle.scss
+++ b/app/src/componentLibrary/toggle/toggle.scss
@@ -57,7 +57,7 @@
 }
 
 .slider {
-  background-color: $COLOR--e-200;
+  background-color: $COLOR--e-300;
   cursor: pointer;
   position: absolute;
   transition: 0.4s;