diff --git a/packages/components/docs/sass.md b/packages/components/docs/sass.md index cd831ae1b383..abe9fcba411d 100644 --- a/packages/components/docs/sass.md +++ b/packages/components/docs/sass.md @@ -13244,10 +13244,6 @@ List box styles } } - .#{$prefix}--list-box[data-invalid] .#{$prefix}--list-box__selection { - right: rem(57px); // 33px + 1.5rem when invalid - } - .#{$prefix}--list-box__selection > svg { fill: $icon-02; } diff --git a/packages/components/src/components/list-box/_list-box.scss b/packages/components/src/components/list-box/_list-box.scss index 656daa040858..da4ac49d8454 100644 --- a/packages/components/src/components/list-box/_list-box.scss +++ b/packages/components/src/components/list-box/_list-box.scss @@ -346,10 +346,6 @@ $list-box-menu-width: rem(300px); } } - .#{$prefix}--list-box[data-invalid] .#{$prefix}--list-box__selection { - right: rem(57px); // 33px + 1.5rem when invalid - } - .#{$prefix}--list-box__selection > svg { fill: $icon-02; } diff --git a/packages/react/src/components/ComboBox/ComboBox.js b/packages/react/src/components/ComboBox/ComboBox.js index 58bd5d107ac5..19bedf33975e 100644 --- a/packages/react/src/components/ComboBox/ComboBox.js +++ b/packages/react/src/components/ComboBox/ComboBox.js @@ -305,11 +305,6 @@ export default class ComboBox extends React.Component { disabled, onClick: this.onToggleClick(isOpen), })}> - {invalid && ( - - )} + {invalid && ( + + )} {inputValue && ( { - const className = cx( - `${prefix}--tag--filter`, - `${prefix}--list-box__selection`, - { - [`${prefix}--list-box__selection--multi`]: selectionCount, - } - ); + const className = cx(`${prefix}--list-box__selection`, { + [`${prefix}--tag--filter`]: selectionCount, + [`${prefix}--list-box__selection--multi`]: selectionCount, + }); const handleOnClick = event => { event.stopPropagation(); clearSelection(event); diff --git a/packages/react/src/components/ListBox/__tests__/__snapshots__/ListBoxField-test.js.snap b/packages/react/src/components/ListBox/__tests__/__snapshots__/ListBoxField-test.js.snap index 2090fdf42c4f..316844226081 100644 --- a/packages/react/src/components/ListBox/__tests__/__snapshots__/ListBoxField-test.js.snap +++ b/packages/react/src/components/ListBox/__tests__/__snapshots__/ListBoxField-test.js.snap @@ -17,7 +17,7 @@ exports[`ListBoxField should render 1`] = ` translateWithId={[Function]} >