diff --git a/scss/mixins/_forms.scss b/scss/mixins/_forms.scss
index 0124199d45..8362a83979 100644
--- a/scss/mixins/_forms.scss
+++ b/scss/mixins/_forms.scss
@@ -90,7 +90,7 @@
       }
       &:focus {
         ~ .custom-control-indicator {
-          box-shadow: 0 0 0 1px $body-bg, 0 0 0 $input-btn-focus-width $color;
+          box-shadow: 0 0 0 1px $body-bg, 0 0 0 $input-btn-focus-width rgba($color, .25);
         }
       }
     }