From 6428b8c40bb670abe94b9f3c2f4d5465a8878977 Mon Sep 17 00:00:00 2001
From: emyarod <afw5059@gmail.com>
Date: Fri, 11 Dec 2020 11:42:30 -0600
Subject: [PATCH] fix(MultiSelect.Filterable): dynamically resize input field

---
 .../src/components/multi-select/_multi-select.scss  | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/packages/components/src/components/multi-select/_multi-select.scss b/packages/components/src/components/multi-select/_multi-select.scss
index ee42140363e6..a624625db62f 100644
--- a/packages/components/src/components/multi-select/_multi-select.scss
+++ b/packages/components/src/components/multi-select/_multi-select.scss
@@ -56,6 +56,19 @@
     color: $text-01;
   }
 
+  .#{$prefix}--multi-select--filterable .#{$prefix}--text-input {
+    padding-left: $spacing-03;
+  }
+
+  .#{$prefix}--multi-select--filterable:hover .#{$prefix}--text-input {
+    background-color: $hover-ui;
+  }
+
+  .#{$prefix}--multi-select--filterable.#{$prefix}--list-box--disabled:hover
+    .#{$prefix}--text-input {
+    background-color: $field-01;
+  }
+
   .#{$prefix}--multi-select--filterable {
     .#{$prefix}--list-box__selection--multi {
       margin: 0 0 0 $spacing-05;