diff --git a/packages/components/src/button/style.scss b/packages/components/src/button/style.scss index 45340a919fd458..b424745cb0556e 100644 --- a/packages/components/src/button/style.scss +++ b/packages/components/src/button/style.scss @@ -60,15 +60,6 @@ text-shadow: 0 1px 0 #fff; transform: none; } - - &.is-busy, - &.is-busy:disabled, - &.is-busy[aria-disabled="true"] { - animation: components-button__busy-animation 2500ms infinite linear; - background-size: 100px 100%; - background-image: repeating-linear-gradient(-45deg, $light-gray-500, $white 11px, $white 10px, $light-gray-500 20px); - opacity: 1; - } } &.is-primary { @@ -184,7 +175,10 @@ @include button-style__focus-active; } - &.is-busy { + &.is-busy, + &.is-default.is-busy, + &.is-default.is-busy:disabled, + &.is-default.is-busy[aria-disabled="true"] { animation: components-button__busy-animation 2500ms infinite linear; background-size: 100px 100%; background-image: repeating-linear-gradient(-45deg, $light-gray-500, $white 11px, $white 10px, $light-gray-500 20px);