From 6a20132a960a957cc11505a296b0525e17cdda44 Mon Sep 17 00:00:00 2001
From: Alessandra Davila <adavila91@gmail.com>
Date: Thu, 28 Jul 2022 09:58:34 -0500
Subject: [PATCH] fix(multiselect): fix warn icon on inline

---
 .../src/components/MultiSelect/MultiSelect.stories.js | 11 +++++++++++
 .../styles/scss/components/list-box/_list-box.scss    |  2 ++
 2 files changed, 13 insertions(+)

diff --git a/packages/react/src/components/MultiSelect/MultiSelect.stories.js b/packages/react/src/components/MultiSelect/MultiSelect.stories.js
index b56d4e975ec4..2a269b3f10c2 100644
--- a/packages/react/src/components/MultiSelect/MultiSelect.stories.js
+++ b/packages/react/src/components/MultiSelect/MultiSelect.stories.js
@@ -17,10 +17,21 @@ export default {
     'MultiSelect.Filterable': MultiSelect.Filterable,
   },
   argTypes: {
+    invalid: {
+      control: 'boolean',
+    },
     size: {
       options: ['sm', 'md', 'lg'],
       control: { type: 'select' },
     },
+    type: {
+      options: ['default', 'inline'],
+      control: { type: 'select' },
+    },
+    warn: {
+      control: 'boolean',
+    },
+    warnText: { control: 'text' },
   },
 };
 
diff --git a/packages/styles/scss/components/list-box/_list-box.scss b/packages/styles/scss/components/list-box/_list-box.scss
index bd4872040ca5..c1d705d3932c 100644
--- a/packages/styles/scss/components/list-box/_list-box.scss
+++ b/packages/styles/scss/components/list-box/_list-box.scss
@@ -146,6 +146,8 @@ $list-box-menu-width: rem(300px);
   }
 
   .#{$prefix}--list-box[data-invalid].#{$prefix}--list-box--inline
+    .#{$prefix}--list-box__field,
+  .#{$prefix}--list-box.#{$prefix}--list-box--warning.#{$prefix}--list-box--inline
     .#{$prefix}--list-box__field {
     padding-right: rem(56px);
   }