diff --git a/packages/styles/scss/components/list-box/_list-box.scss b/packages/styles/scss/components/list-box/_list-box.scss index 0d7ab0419172..aee15128c77a 100644 --- a/packages/styles/scss/components/list-box/_list-box.scss +++ b/packages/styles/scss/components/list-box/_list-box.scss @@ -99,6 +99,10 @@ $list-box-menu-width: convert.to-rem(300px); } } + .#{$prefix}--multi-select.#{$prefix}--multi-select--readonly.#{$prefix}--list-box { + cursor: default; + } + .#{$prefix}--list-box--lg { block-size: convert.to-rem(48px); max-block-size: convert.to-rem(48px); diff --git a/packages/styles/scss/components/multiselect/_multiselect.scss b/packages/styles/scss/components/multiselect/_multiselect.scss index a9acb0c08573..fcdb39f3cc2e 100644 --- a/packages/styles/scss/components/multiselect/_multiselect.scss +++ b/packages/styles/scss/components/multiselect/_multiselect.scss @@ -201,7 +201,7 @@ .#{$prefix}--multi-select.#{$prefix}--multi-select--readonly .#{$prefix}--tag--filter { - box-shadow: 0 0 0 1px $background-inverse; + box-shadow: 0 0 0 1px $border-subtle; } .#{$prefix}--multi-select.#{$prefix}--multi-select--readonly diff --git a/packages/styles/scss/components/tag/_tag.scss b/packages/styles/scss/components/tag/_tag.scss index 4a6c8e6dbd60..dac9ec57930c 100644 --- a/packages/styles/scss/components/tag/_tag.scss +++ b/packages/styles/scss/components/tag/_tag.scss @@ -246,6 +246,14 @@ ); } + .#{$prefix}--multi-select--readonly + .#{$prefix}--tag--high-contrast:not(.#{$prefix}--tag--operational) + .#{$prefix}--tag__close-icon { + &:hover { + background-color: transparent; + } + } + .#{$prefix}--tag--outline:not(.#{$prefix}--tag--operational):not(span):not( [disabled] ) {