diff --git a/src/components/button-group/themes/shared/button/button.common.scss b/src/components/button-group/themes/shared/button/button.common.scss index 46e14c152..256923d73 100644 --- a/src/components/button-group/themes/shared/button/button.common.scss +++ b/src/components/button-group/themes/shared/button/button.common.scss @@ -105,7 +105,7 @@ $theme: $material; [part='toggle focused'] { background: var-get($theme, 'item-selected-focus-background'); - border-color: var-get($theme, 'item-selected-hover-border-color'); + border-color: var-get($theme, 'item-selected-border-color'); } } @@ -122,7 +122,7 @@ $theme: $material; [part='toggle focused'] { background: var-get($theme, 'item-selected-focus-hover-background'); - border-color: var-get($theme, 'item-selected-border-color'); + border-color: var-get($theme, 'item-selected-hover-border-color'); } } diff --git a/src/components/button-group/themes/shared/button/button.indigo.scss b/src/components/button-group/themes/shared/button/button.indigo.scss index 11cd49a83..7b024f082 100644 --- a/src/components/button-group/themes/shared/button/button.indigo.scss +++ b/src/components/button-group/themes/shared/button/button.indigo.scss @@ -37,12 +37,6 @@ $group-item-border-thickness: rem(1px); :host([selected]) [part='toggle focused'] { box-shadow: 0 0 0 rem(3px) var-get($theme, 'selected-shadow-color'); - border-color: var-get($theme, 'item-selected-border-color'); -} - -:host([selected]:hover) [part='toggle focused'], -:host([selected]) [part='toggle focused']:active { - border-color: var-get($theme, 'item-selected-hover-border-color'); } :host([selected]:disabled),