diff --git a/src/components/checkbox/_checkbox.scss b/src/components/checkbox/_checkbox.scss
index 411036db6cb5..bfd321f25a63 100644
--- a/src/components/checkbox/_checkbox.scss
+++ b/src/components/checkbox/_checkbox.scss
@@ -45,7 +45,7 @@
     top: calc(50% - 9px);
     height: rem(18px);
     width: rem(18px);
-    border: $checkbox-border-width solid $ui-04;
+    border: $checkbox-border-width solid $ui-05;
     background-color: $ui-01;
   }
 
@@ -117,7 +117,7 @@
     width: rem(18px);
     margin-right: $spacing-xs;
     background-color: $ui-01;
-    border: $checkbox-border-width solid $ui-04;
+    border: $checkbox-border-width solid $ui-05;
     min-width: rem(18px);
   }
 
diff --git a/src/components/radio-button/_radio-button.scss b/src/components/radio-button/_radio-button.scss
index 4eb84be1b15b..0039aa1e5233 100644
--- a/src/components/radio-button/_radio-button.scss
+++ b/src/components/radio-button/_radio-button.scss
@@ -35,7 +35,7 @@
     @include reset;
     background-color: $inverse-01;
     border-radius: 50%;
-    border: $radio-border-width solid $ui-04;
+    border: $radio-border-width solid $ui-05;
     flex-shrink: 0;
     height: rem(18px);
     width: rem(18px);