[Bug]: Spacing issue between icon and text on warn inline multiselect

[ccwilson-us-ibm-com]

Package

@carbon/react, @carbon/styles

Browser

Chrome, Firefox

Package version

1.6.0

React version

^17.0.0

Description

When setting a multiselect component with the properties inline and warn, the label text overlaps with the yellow warning icon.

Reproduction/example

https://stackblitz.com/edit/github-aicltq?file=src/App.jsx

Steps to reproduce

Here's how the component is configure to display this issue:

<MultiSelect
        ariaLabel="MultiSelect"
        id="carbon-multiselect-example"
        items={items}
        label="Multiselect menu options"
        titleText="Multiselect title"
        type="inline"
        warn="true"
 />

Code of Conduct

• [X] I agree to follow this project's Code of Conduct
• [X] I checked the current issues for duplicate problems

[shixiedesign]

Attaching a visual for reference: