@syncfusion/ej2-dropdowns 20.4.53 → 20.4.54-54740

package/styles/multi-select/bootstrap-dark.css

@@ -57,6 +57,11 @@
   width: 40px;
 }
 
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
+  color: #fff;
+}
+
 .e-multiselect.e-input-group .e-ddl-icon::before {
   content: "\e969";
   font-family: "e-icons";
@@ -227,7 +232,8 @@
   padding: 0 0 0 48px;
 }
 
-.e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+.e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
+.e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
   margin-top: -2.7em;
 }
 
@@ -337,8 +343,8 @@
   margin-top: -4em;
   position: absolute;
   right: 0;
-  top: 100%;
   width: 40px;
+  top: 100%;
 }
 
 .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
@@ -766,11 +772,21 @@ ejs-multiselect {
   margin-top: -3.5em;
 }
 
+.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
+.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+  margin-top: -2.6em;
+}
+
 .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
 .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
   line-height: 34px;
 }
 
+.e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
+.e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+  margin-top: -2.85em;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
   height: 30px;
   width: 30px;

package/styles/multi-select/bootstrap-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap-dark-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap-dark.scss';
 @import 'ej2-inputs/styles/input/bootstrap-dark-definition.scss';
 @import 'ej2-popups/styles/popup/bootstrap-dark-definition.scss';
 @import 'ej2-popups/styles/spinner/bootstrap-dark-definition.scss';

package/styles/multi-select/bootstrap.css

@@ -225,7 +225,8 @@
   padding: 0 0 0 48px;
 }
 
-.e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+.e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
+.e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
   margin-top: -2.7em;
 }
 
@@ -335,8 +336,8 @@
   margin-top: -4em;
   position: absolute;
   right: 0;
-  top: 100%;
   width: 40px;
+  top: 100%;
 }
 
 .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
@@ -764,11 +765,21 @@ ejs-multiselect {
   margin-top: -3.5em;
 }
 
+.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
+.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+  margin-top: -2.6em;
+}
+
 .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
 .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
   line-height: 34px;
 }
 
+.e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
+.e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+  margin-top: -2.85em;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
   height: 30px;
   width: 30px;

package/styles/multi-select/bootstrap.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap.scss';
 @import 'ej2-inputs/styles/input/bootstrap-definition.scss';
 @import 'ej2-popups/styles/popup/bootstrap-definition.scss';
 @import 'ej2-popups/styles/spinner/bootstrap-definition.scss';

package/styles/multi-select/bootstrap4.css

@@ -20,14 +20,6 @@
   padding: 0 8px 0 0;
 }
 
-.e-bigger .e-content.e-dropdownbase {
-  padding: 8px 0;
-}
-
-.e-content.e-dropdownbase {
-  padding: 6px 0;
-}
-
 .e-bigger .e-dropdownbase .e-list-item .e-list-icon {
   font-size: 16px;
 }
@@ -57,6 +49,25 @@
   border-right-width: 0;
 }
 
+.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
+  font-size: 12px;
+}
+
+.e-bigger .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
+.e-bigger.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
+  font-size: 14px;
+}
+
+.e-small .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
+.e-small.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
+  font-size: 10px;
+}
+
+.e-small.e-bigger .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
+.e-small.e-bigger.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
+  font-size: 12px;
+}
+
 .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
   border-left-width: 0;
   border-radius: 4px 0 0 4px;
@@ -302,7 +313,8 @@
   padding: 0 0 0 48px;
 }
 
-.e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+.e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
+.e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
   margin-top: -2.25em;
 }
 
@@ -416,8 +428,8 @@
   margin-top: -2.9em;
   position: absolute;
   right: 0;
-  top: 100%;
   width: auto;
+  top: 100%;
 }
 
 .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
@@ -856,6 +868,11 @@ ejs-multiselect {
   margin-top: -2.4em;
 }
 
+.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
+.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+  margin-top: -1.85em;
+}
+
 .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
   padding: 0 8px 0 8px;
 }
@@ -865,6 +882,11 @@ ejs-multiselect {
   line-height: 34px;
 }
 
+.e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
+.e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+  margin-top: -2.85em;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
   height: 24px;
   width: auto;

package/styles/multi-select/bootstrap4.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap4-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap4.scss';
 @import 'ej2-inputs/styles/input/bootstrap4-definition.scss';
 @import 'ej2-popups/styles/popup/bootstrap4-definition.scss';
 @import 'ej2-popups/styles/spinner/bootstrap4-definition.scss';

package/styles/multi-select/bootstrap5-dark.css

@@ -82,7 +82,8 @@
   width: 24px;
 }
 
-.e-multi-select-wrapper .e-searcher input[type=text] {
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
   color: #fff;
   height: 100%;
 }
@@ -263,7 +264,8 @@
   padding: 0 0 0 48px;
 }
 
-.e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+.e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
+.e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
   margin-top: -2.25em;
 }
 
@@ -325,7 +327,7 @@
 .e-multi-select-wrapper .e-chips > .e-chipcontent {
   max-width: 100%;
   overflow: hidden;
-  padding: 0 6px 0 0;
+  padding: 0 6px 1px 0;
   text-indent: 0;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -378,8 +380,8 @@
   margin-top: -2em;
   position: absolute;
   right: 5px;
-  top: 100%;
   width: 24px;
+  top: 100%;
 }
 
 .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
@@ -846,11 +848,21 @@ ejs-multiselect {
   margin-top: -2em;
 }
 
+.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
+.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+  margin-top: -2em;
+}
+
 .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
 .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
   line-height: 40px;
 }
 
+.e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
+.e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+  margin-top: -2.65em;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
   height: 14px;
   width: 14px;
@@ -866,7 +878,7 @@ ejs-multiselect {
 }
 
 .e-small.e-bigger .e-multi-select-wrapper .e-delim-values {
-  font-size: 13px;
+  font-size: 12px;
   line-height: 28px;
 }
 
@@ -1324,7 +1336,7 @@ ejs-multiselect {
 }
 
 .e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
-  font-size: 13px;
+  font-size: 12px;
 }
 
 .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {

package/styles/multi-select/bootstrap5-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap5-dark.scss';
 @import 'ej2-inputs/styles/input/bootstrap5-dark-definition.scss';
 @import 'ej2-popups/styles/popup/bootstrap5-dark-definition.scss';
 @import 'ej2-popups/styles/spinner/bootstrap5-dark-definition.scss';

package/styles/multi-select/bootstrap5.css

@@ -82,7 +82,8 @@
   width: 24px;
 }
 
-.e-multi-select-wrapper .e-searcher input[type=text] {
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
   color: #212529;
   height: 100%;
 }
@@ -263,7 +264,8 @@
   padding: 0 0 0 48px;
 }
 
-.e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+.e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
+.e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
   margin-top: -2.25em;
 }
 
@@ -325,7 +327,7 @@
 .e-multi-select-wrapper .e-chips > .e-chipcontent {
   max-width: 100%;
   overflow: hidden;
-  padding: 0 6px 0 0;
+  padding: 0 6px 1px 0;
   text-indent: 0;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -378,8 +380,8 @@
   margin-top: -2em;
   position: absolute;
   right: 5px;
-  top: 100%;
   width: 24px;
+  top: 100%;
 }
 
 .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
@@ -846,11 +848,21 @@ ejs-multiselect {
   margin-top: -2em;
 }
 
+.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
+.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+  margin-top: -2em;
+}
+
 .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
 .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
   line-height: 40px;
 }
 
+.e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
+.e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+  margin-top: -2.65em;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
   height: 14px;
   width: 14px;
@@ -866,7 +878,7 @@ ejs-multiselect {
 }
 
 .e-small.e-bigger .e-multi-select-wrapper .e-delim-values {
-  font-size: 13px;
+  font-size: 12px;
   line-height: 28px;
 }
 
@@ -1324,7 +1336,7 @@ ejs-multiselect {
 }
 
 .e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
-  font-size: 13px;
+  font-size: 12px;
 }
 
 .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {

package/styles/multi-select/bootstrap5.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/bootstrap5-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap5.scss';
 @import 'ej2-inputs/styles/input/bootstrap5-definition.scss';
 @import 'ej2-popups/styles/popup/bootstrap5-definition.scss';
 @import 'ej2-popups/styles/spinner/bootstrap5-definition.scss';

package/styles/multi-select/fabric-dark.css

@@ -48,6 +48,11 @@
   margin: 2px 2px 2px 0;
 }
 
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
+  color: #fff;
+}
+
 .e-multiselect.e-input-group .e-ddl-icon::before {
   content: "\e966";
   font-family: "e-icons";
@@ -220,8 +225,9 @@
   padding: 0 0 0 48px;
 }
 
-.e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
-  margin-top: -3.2em;
+.e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
+.e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+  margin-top: -3.15em;
 }
 
 .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
@@ -330,8 +336,8 @@
   margin-top: -3em;
   position: absolute;
   right: 0;
-  top: 100%;
   width: auto;
+  top: 100%;
 }
 
 .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
@@ -767,11 +773,21 @@ ejs-multiselect {
   margin-top: -3em;
 }
 
+.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
+.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+  margin-top: -2.5em;
+}
+
 .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
 .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
   line-height: 40px;
 }
 
+.e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
+.e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+  margin-top: -2.85em;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
   height: 26px;
   width: auto;

package/styles/multi-select/fabric-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/fabric-dark-definition.scss';
+@import 'ej2-base/styles/definition/fabric-dark.scss';
 @import 'ej2-inputs/styles/input/fabric-dark-definition.scss';
 @import 'ej2-popups/styles/popup/fabric-dark-definition.scss';
 @import 'ej2-popups/styles/spinner/fabric-dark-definition.scss';

package/styles/multi-select/fabric.css

@@ -220,8 +220,9 @@
   padding: 0 0 0 48px;
 }
 
-.e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
-  margin-top: -3.2em;
+.e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
+.e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+  margin-top: -3.15em;
 }
 
 .e-popup.e-multi-select-list-wrapper .e-list-item.e-disabled,
@@ -330,8 +331,8 @@
   margin-top: -3em;
   position: absolute;
   right: 0;
-  top: 100%;
   width: auto;
+  top: 100%;
 }
 
 .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
@@ -767,11 +768,21 @@ ejs-multiselect {
   margin-top: -3em;
 }
 
+.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
+.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+  margin-top: -2.5em;
+}
+
 .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
 .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
   line-height: 40px;
 }
 
+.e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
+.e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+  margin-top: -2.85em;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
   height: 26px;
   width: auto;

package/styles/multi-select/fabric.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/fabric-definition.scss';
+@import 'ej2-base/styles/definition/fabric.scss';
 @import 'ej2-inputs/styles/input/fabric-definition.scss';
 @import 'ej2-popups/styles/popup/fabric-definition.scss';
 @import 'ej2-popups/styles/spinner/fabric-definition.scss';

package/styles/multi-select/fluent-dark.css

@@ -82,7 +82,8 @@
   width: 24px;
 }
 
-.e-multi-select-wrapper .e-searcher input[type=text] {
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
   color: #f3f2f1;
   height: 100%;
 }
@@ -290,7 +291,8 @@
   padding: 0 0 0 48px;
 }
 
-.e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+.e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
+.e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
   margin-top: -1.68em;
 }
 
@@ -352,7 +354,7 @@
 .e-multi-select-wrapper .e-chips > .e-chipcontent {
   max-width: 100%;
   overflow: hidden;
-  padding: 0 6px 1px 0;
+  padding: 0 6px 1.5px 0;
   text-indent: 0;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -365,7 +367,7 @@
 
 .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
 .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
-  padding: 8px 4px 8px 0;
+  padding: 8px 4px 10px 0;
 }
 
 .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
@@ -400,8 +402,8 @@
   margin-top: -2.4em;
   position: absolute;
   right: 6px;
-  top: 100%;
   width: 24px;
+  top: 100%;
 }
 
 .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
@@ -884,11 +886,21 @@ ejs-multiselect {
   width: 12px;
 }
 
+.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
+.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+  margin-top: -1.6em;
+}
+
 .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
 .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
   line-height: 40px;
 }
 
+.e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
+.e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+  margin-top: -1.68em;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
   height: 14px;
   width: 14px;
@@ -904,7 +916,7 @@ ejs-multiselect {
 }
 
 .e-small.e-bigger .e-multi-select-wrapper .e-delim-values {
-  font-size: 13px;
+  font-size: 14px;
   line-height: 28px;
 }
 
@@ -1386,7 +1398,7 @@ ejs-multiselect {
 }
 
 .e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
-  font-size: 13px;
+  font-size: 14px;
 }
 
 .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {

package/styles/multi-select/fluent-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/fluent-dark-definition.scss';
+@import 'ej2-base/styles/definition/fluent-dark.scss';
 @import 'ej2-inputs/styles/input/fluent-dark-definition.scss';
 @import 'ej2-popups/styles/popup/fluent-dark-definition.scss';
 @import 'ej2-popups/styles/spinner/fluent-dark-definition.scss';

package/styles/multi-select/fluent.css

@@ -82,7 +82,8 @@
   width: 24px;
 }
 
-.e-multi-select-wrapper .e-searcher input[type=text] {
+.e-multi-select-wrapper .e-searcher input[type=text],
+.e-multi-select-wrapper .e-multi-searcher input[type=text] {
   color: #201f1e;
   height: 100%;
 }
@@ -290,7 +291,8 @@
   padding: 0 0 0 48px;
 }
 
-.e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+.e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
+.e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
   margin-top: -1.68em;
 }
 
@@ -352,7 +354,7 @@
 .e-multi-select-wrapper .e-chips > .e-chipcontent {
   max-width: 100%;
   overflow: hidden;
-  padding: 0 6px 1px 0;
+  padding: 0 6px 1.5px 0;
   text-indent: 0;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -365,7 +367,7 @@
 
 .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
 .e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
-  padding: 8px 4px 8px 0;
+  padding: 8px 4px 10px 0;
 }
 
 .e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
@@ -400,8 +402,8 @@
   margin-top: -2.4em;
   position: absolute;
   right: 6px;
-  top: 100%;
   width: 24px;
+  top: 100%;
 }
 
 .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
@@ -884,11 +886,21 @@ ejs-multiselect {
   width: 12px;
 }
 
+.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
+.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+  margin-top: -1.6em;
+}
+
 .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
 .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
   line-height: 40px;
 }
 
+.e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
+.e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+  margin-top: -1.68em;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
   height: 14px;
   width: 14px;
@@ -904,7 +916,7 @@ ejs-multiselect {
 }
 
 .e-small.e-bigger .e-multi-select-wrapper .e-delim-values {
-  font-size: 13px;
+  font-size: 14px;
   line-height: 28px;
 }
 
@@ -1386,7 +1398,7 @@ ejs-multiselect {
 }
 
 .e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
-  font-size: 13px;
+  font-size: 14px;
 }
 
 .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {

package/styles/multi-select/fluent.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/fluent-definition.scss';
+@import 'ej2-base/styles/definition/fluent.scss';
 @import 'ej2-inputs/styles/input/fluent-definition.scss';
 @import 'ej2-popups/styles/popup/fluent-definition.scss';
 @import 'ej2-popups/styles/spinner/fluent-definition.scss';