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]}
>