diff --git a/packages/dnb-ui-lib/src/components/button/__tests__/__snapshots__/Button.test.js.snap b/packages/dnb-ui-lib/src/components/button/__tests__/__snapshots__/Button.test.js.snap index 7f943b942dd..10be85439bf 100644 --- a/packages/dnb-ui-lib/src/components/button/__tests__/__snapshots__/Button.test.js.snap +++ b/packages/dnb-ui-lib/src/components/button/__tests__/__snapshots__/Button.test.js.snap @@ -287,7 +287,7 @@ exports[`Button scss have to match default theme snapshot 1`] = ` color: var(--color-sea-green); background-color: var(--color-mint-green-50); border-color: var(--color-mint-green-50); - box-shadow: 0 0 0 0 0 0 var(--button-border-width--hover) var(--color-mint-green-50); } + box-shadow: 0 0 0 var(--button-border-width--hover) var(--color-mint-green-50); } .no-touch .dnb-button--primary:hover:not([disabled]):not([disabled]):active { box-shadow: 0 0 0 2px transparent; border-color: transparent; } @@ -313,7 +313,7 @@ exports[`Button scss have to match default theme snapshot 1`] = ` color: var(--color-sea-green); background-color: var(--color-mint-green-50); border-color: var(--color-mint-green-50); - box-shadow: 0 0 0 0 0 0 var(--button-border-width--hover) var(--color-mint-green-50); } + box-shadow: 0 0 0 var(--button-border-width--hover) var(--color-mint-green-50); } .no-touch .dnb-button--secondary:hover:not([disabled]):not([disabled]):active { box-shadow: 0 0 0 2px transparent; border-color: transparent; } diff --git a/packages/dnb-ui-lib/src/components/button/style/_button-mixins.scss b/packages/dnb-ui-lib/src/components/button/style/_button-mixins.scss index ecae742ac43..3552c3356ea 100644 --- a/packages/dnb-ui-lib/src/components/button/style/_button-mixins.scss +++ b/packages/dnb-ui-lib/src/components/button/style/_button-mixins.scss @@ -12,10 +12,7 @@ background-color: $background-color; border-color: $background-color; - @include fakeBorder( - null, - 0 0 0 var(--button-border-width--hover) $background-color - ); + box-shadow: 0 0 0 var(--button-border-width--hover) $background-color; &:not([disabled]):active { @include fakeBorder(transparent);