diff --git a/src/components/Pills/Pill.tsx b/src/components/Pills/Pill.tsx index afa4d8882..4ef151c22 100644 --- a/src/components/Pills/Pill.tsx +++ b/src/components/Pills/Pill.tsx @@ -74,6 +74,10 @@ export const Pill: FC = React.forwardRef( { [styles.xsmall]: size === PillSize.XSmall }, { [styles.tagPillsDisabled]: mergedDisabled }, { [styles.tagPillsRtl]: htmlDir === 'rtl' }, + { + [styles.readOnly]: + type !== PillType.withButton && type !== PillType.closable, + }, ]); return (