diff --git a/src/ux-components/checkbox/checkbox.vue b/src/ux-components/checkbox/checkbox.vue
index 2d1c892b9..448be5859 100644
--- a/src/ux-components/checkbox/checkbox.vue
+++ b/src/ux-components/checkbox/checkbox.vue
@@ -50,7 +50,7 @@ export default {
       }
     }
     &:focus {
-      box-shadow: 0 0 0 4px $blue-300;
+      box-shadow: 0 0 0 2.5px $blue;
     }
   }
   &:hover {
diff --git a/src/ux-components/radio/radio.vue b/src/ux-components/radio/radio.vue
index 44aa08880..e1704167a 100644
--- a/src/ux-components/radio/radio.vue
+++ b/src/ux-components/radio/radio.vue
@@ -98,7 +98,7 @@ export default {
       }
     }
     &:focus {
-      box-shadow: 0 0 0 4px $blue-300;
+      box-shadow: 0 0 0 2.5px $blue;
     }
   }
   &:hover {