diff --git a/src/input/tags-input/mixin.scss b/src/input/tags-input/mixin.scss index 0a5346cf1..d617ded0c 100644 --- a/src/input/tags-input/mixin.scss +++ b/src/input/tags-input/mixin.scss @@ -17,6 +17,7 @@ .aui-tag { max-width: 100%; + background-color: use-rgb(n-7); } &.isDisabled { @@ -26,7 +27,6 @@ .aui-tag { color: use-text-color(disabled); - background-color: use-rgb(n-8); } } diff --git a/src/select/multi-select/multi-select.component.scss b/src/select/multi-select/multi-select.component.scss index ed640600c..e932c7dcc 100644 --- a/src/select/multi-select/multi-select.component.scss +++ b/src/select/multi-select/multi-select.component.scss @@ -46,16 +46,11 @@ $block: aui-multi-select; @include with-height-limit; } - .aui-tag--info { - background-color: use-rgb(n-10); - } - &.isReadonly { cursor: default; .aui-tag { color: use-text-color(main); - background-color: use-rgb(n-10); } } } diff --git a/src/tag/tag.component.scss b/src/tag/tag.component.scss index 3e7b0f455..aec541a44 100644 --- a/src/tag/tag.component.scss +++ b/src/tag/tag.component.scss @@ -133,11 +133,11 @@ &--info { color: use-rgb(n-2); - background-color: use-rgb(n-7); + background-color: use-rgb(n-8); &.hasBorder { border-color: use-rgb(n-7); - background-color: use-rgb(button-bg); + background-color: use-rgb(n-8); } .aui-tag__close .aui-icon:hover {