Only apply the active and focus shadow on the focus state for :active

diff --git a/scss/_buttons.scss b/scss/_buttons.scss
index fa0e9c99c815f84068ceeeed87cfde60ba654b7d..a9216ced7a534457977c4648f6460fbb7228af8b 100644 (file)
--- a/scss/_buttons.scss
+++ b/scss/_buttons.scss
@@ -40,7 +40,11 @@
   &:not([disabled]):not(.disabled):active,
   &:not([disabled]):not(.disabled).active {
     background-image: none;
-    @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);
+    box-shadow: $btn-active-box-shadow;
+
+    &:focus {
+      @box-shadow: $btn-focus-box-shadow, $btn-active-box-shadow;
+    }
   }
 }