diff --git a/packages/react/src/components/Tag/Tag.tsx b/packages/react/src/components/Tag/Tag.tsx index 144ea9295f92..f5d8306480b5 100644 --- a/packages/react/src/components/Tag/Tag.tsx +++ b/packages/react/src/components/Tag/Tag.tsx @@ -216,7 +216,6 @@ const Tag = React.forwardRef(function Tag( const labelClasses = classNames({ [`${prefix}--tag__label`]: !isInteractiveTag, - [`${prefix}--tag--${type}`]: type && !isInteractiveTag, }); return ( diff --git a/packages/styles/scss/components/tag/_tag.scss b/packages/styles/scss/components/tag/_tag.scss index 5376098b6bf7..3adf9ccf8db6 100644 --- a/packages/styles/scss/components/tag/_tag.scss +++ b/packages/styles/scss/components/tag/_tag.scss @@ -267,6 +267,11 @@ &:hover { cursor: not-allowed; } + + .#{$prefix}--tag__label { + background-color: $layer; + color: $text-disabled; + } } .#{$prefix}--tag--selectable.#{$prefix}--tag--disabled,