diff --git a/packages/styles/scss/components/accordion/_accordion.scss b/packages/styles/scss/components/accordion/_accordion.scss index 175cab65f148..55dc1123ffd8 100644 --- a/packages/styles/scss/components/accordion/_accordion.scss +++ b/packages/styles/scss/components/accordion/_accordion.scss @@ -87,7 +87,7 @@ $content-padding: 0 0 0 $spacing-05 !default; } &:hover::before { - background-color: $background-hover; + background-color: $layer-hover; } &:focus { @@ -125,11 +125,15 @@ $content-padding: 0 0 0 $spacing-05 !default; .#{$prefix}--accordion__item--disabled, .#{$prefix}--accordion__item--disabled + .#{$prefix}--accordion__item { - border-top: 1px solid $border-disabled; + // v10 icon doesn't have 1:1 translation, keeping color same as enabled state + // https://github.com/carbon-design-system/carbon/issues/10373#issuecomment-1021638147 + border-top: 1px solid $border-subtle; } li.#{$prefix}--accordion__item--disabled:last-of-type { - border-bottom: 1px solid $border-disabled; + // v10 icon doesn't have 1:1 translation, keeping color same as enabled state + // https://github.com/carbon-design-system/carbon/issues/10373#issuecomment-1021638147 + border-bottom: 1px solid $border-subtle; } .#{$prefix}--accordion__arrow {