use rgba() so it's not at full opacity

diff --git a/scss/mixins/_forms.scss b/scss/mixins/_forms.scss
index 0124199d4585abaa723b0b61ccae7eb2dccf6cf3..8362a8397920838a542bfa830b6c8670040aed60 100644 (file)
--- 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);
         }
       }
     }