@syncfusion/ej2-angular-dropdowns 23.1.40 → 23.1.41

package/styles/material.css

@@ -2312,7 +2312,8 @@ ejs-dropdownlist {
   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.5em;
 }
 
@@ -2883,11 +2884,21 @@ ejs-multiselect {
   margin-top: -2.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: -1.8em;
+}
+
 .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: -2em;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
   height: 16px;
   width: 16px;
@@ -4501,27 +4512,66 @@ ejs-listbox {
 }
 .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-small .e-listbox-container.e-filter-list .e-list-parent {
-  height: calc(100% - 45px);
+  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
+  height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
+  height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
-  height: calc(100% - 50px);
+  height: 100%;
 }
 
 .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
 .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 98px);
+  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
+  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
+  height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: 100%;
 }
 
 .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
+.e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
+  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 48px);
+  height: 100%;
 }
 
 .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
+.e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
+  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
+  height: calc(100% - 83px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
+  height: calc(100% - 103px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
-  height: calc(100% - 45px);
+  height: 100%;
 }
 
 .e-listbox-wrapper,
@@ -4548,19 +4598,19 @@ ejs-listbox {
 .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-listbox-container.e-filter-list .e-list-parent,
 .e-listboxtool-wrapper.e-filter-list .e-list-parent {
-  height: calc(100% - 43px);
+  height: calc(100% - 48px);
 }
 
 .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
 .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
 .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 79px);
+  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
 .e-listbox-container .e-selectall-parent + .e-list-parent,
 .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 36px);
+  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-listbox-wrapper .e-icons,
@@ -4830,6 +4880,30 @@ ejs-listbox {
   padding-right: 1.0666em;
 }
 
+.e-listbox-container.e-filter-list .e-list-parent {
+  height: 100%;
+}
+
+.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: 100%;
+}
+
+.e-listbox-container .e-selectall-parent + .e-list-parent {
+  height: 100%;
+}
+
+.e-listbox-container.e-filter-list .e-list-wrap {
+  height: calc(100% - 43px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
+  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-container .e-selectall-parent + .e-list-wrap {
+  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {

package/styles/material3-dark.css

@@ -2666,6 +2666,11 @@ ejs-multiselect {
   margin-top: -1.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.4em;
+}
+
 .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;
@@ -2677,6 +2682,11 @@ ejs-multiselect {
   top: 100%;
 }
 
+.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.7em;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
   height: 16px;
   width: 16px;
@@ -4299,27 +4309,66 @@ ejs-listbox {
 }
 .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-small .e-listbox-container.e-filter-list .e-list-parent {
-  height: calc(100% - 35px);
+  height: calc(100% - 35px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
+  height: calc(100% - 44px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
+  height: calc(100% - 44px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
-  height: calc(100% - 48px);
+  height: 100%;
 }
 
 .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
 .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 98px);
+  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
+  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
+  height: calc(100% - 44px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: 100%;
 }
 
 .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
+.e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
+  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 48px);
+  height: 100%;
 }
 
 .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
+.e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
+  height: calc(100% - 37px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
+  height: calc(100% - 76px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
+  height: calc(100% - 92px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
-  height: calc(100% - 37px);
+  height: 100%;
 }
 
 .e-listbox-wrapper,
@@ -4346,19 +4395,19 @@ ejs-listbox {
 .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-listbox-container.e-filter-list .e-list-parent,
 .e-listboxtool-wrapper.e-filter-list .e-list-parent {
-  height: calc(100% - 40px);
+  height: calc(100% - 36px);
 }
 
 .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
 .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
 .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 79px);
+  height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
 .e-listbox-container .e-selectall-parent + .e-list-parent,
 .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 36px);
+  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-listbox-wrapper .e-icons,
@@ -4628,6 +4677,30 @@ ejs-listbox {
   padding-right: 16px;
 }
 
+.e-listbox-container.e-filter-list .e-list-parent {
+  height: 100%;
+}
+
+.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: 100%;
+}
+
+.e-listbox-container .e-selectall-parent + .e-list-parent {
+  height: 100%;
+}
+
+.e-listbox-container.e-filter-list .e-list-wrap {
+  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
+  height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-container .e-selectall-parent + .e-list-wrap {
+  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 /* stylelint-disable-line no-empty-source */
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {

package/styles/material3.css

@@ -2722,6 +2722,11 @@ ejs-multiselect {
   margin-top: -1.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.4em;
+}
+
 .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;
@@ -2733,6 +2738,11 @@ ejs-multiselect {
   top: 100%;
 }
 
+.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.7em;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
   height: 16px;
   width: 16px;
@@ -4355,27 +4365,66 @@ ejs-listbox {
 }
 .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-small .e-listbox-container.e-filter-list .e-list-parent {
-  height: calc(100% - 35px);
+  height: calc(100% - 35px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
+  height: calc(100% - 44px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
+  height: calc(100% - 44px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
-  height: calc(100% - 48px);
+  height: 100%;
 }
 
 .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
 .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 98px);
+  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
+  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
+  height: calc(100% - 44px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: 100%;
 }
 
 .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
+.e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
+  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 48px);
+  height: 100%;
 }
 
 .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
+.e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
+  height: calc(100% - 37px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
+  height: calc(100% - 76px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
+  height: calc(100% - 92px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
-  height: calc(100% - 37px);
+  height: 100%;
 }
 
 .e-listbox-wrapper,
@@ -4402,19 +4451,19 @@ ejs-listbox {
 .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-listbox-container.e-filter-list .e-list-parent,
 .e-listboxtool-wrapper.e-filter-list .e-list-parent {
-  height: calc(100% - 40px);
+  height: calc(100% - 36px);
 }
 
 .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
 .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
 .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 79px);
+  height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
 .e-listbox-container .e-selectall-parent + .e-list-parent,
 .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 36px);
+  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-listbox-wrapper .e-icons,
@@ -4684,6 +4733,30 @@ ejs-listbox {
   padding-right: 16px;
 }
 
+.e-listbox-container.e-filter-list .e-list-parent {
+  height: 100%;
+}
+
+.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: 100%;
+}
+
+.e-listbox-container .e-selectall-parent + .e-list-parent {
+  height: 100%;
+}
+
+.e-listbox-container.e-filter-list .e-list-wrap {
+  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
+  height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-container .e-selectall-parent + .e-list-wrap {
+  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 /* stylelint-disable-line no-empty-source */
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {

package/styles/multi-select/_bootstrap-dark-definition.scss

@@ -34,6 +34,8 @@ $ddl-closer-margin-top: -4em !default;
 $ddl-icon-margin-top: -2.65em !default;
 $ddl-clear-margin-top: -3.2em !default;
 $ddl-icon-margin-top-bigger: -2.7em !default;
+$ddl-small-ddl-icon-top: -2.6em !default;
+$ddl-bigger-small-ddl-icon-top: -2.85em !default;
 $ddl-closer-margin-top-bigger: -4em !default;
 $ddl-chip-close-top: 9px !default;
 $ddl-chip-close-left: 10px !default;

package/styles/multi-select/_bootstrap-definition.scss

@@ -33,6 +33,8 @@ $ddl-closer-margin-top: -4em !default;
 $ddl-icon-margin-top: -2.65em !default;
 $ddl-clear-margin-top: -3.2em !default;
 $ddl-icon-margin-top-bigger: -2.7em !default;
+$ddl-small-ddl-icon-top: -2.6em !default;
+$ddl-bigger-small-ddl-icon-top: -2.85em !default;
 $ddl-closer-margin-top-bigger: -4em !default;
 $ddl-chip-close-top: 9px !default;
 $ddl-chip-close-left: 10px !default;

package/styles/multi-select/_bootstrap4-definition.scss

@@ -32,6 +32,8 @@ $ddl-chip-padding: 0 !default;
 $ddl-closer-margin-top: -2.9em !default;
 $ddl-icon-margin-top: -2.05em !default;
 $ddl-icon-margin-top-bigger: -2.25em !default;
+$ddl-small-ddl-icon-top: -1.85em !default;
+$ddl-bigger-small-ddl-icon-top: -2.85em !default;
 $ddl-clear-margin-top: -2.9em !default;
 $ddl-closer-margin-top-bigger: -3.5em !default;
 $ddl-chip-close-top: 8px !default;
@@ -194,6 +196,25 @@ $multiselect-dropicon-closer-bigger-width: 34px !default;
     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;

package/styles/multi-select/_bootstrap5-definition.scss

@@ -44,6 +44,8 @@ $ddl-closer-margin-top-bigger: -2.25em !default;
 $ddl-icon-margin-top: -2.1em !default;
 $ddl-clear-margin-top: -2em !default;
 $ddl-icon-margin-top-bigger: -2.25em !default;
+$ddl-small-ddl-icon-top: -2em !default;
+$ddl-bigger-small-ddl-icon-top: -2.65em !default;
 $ddl-chip-mobile-radius: 2px !default;
 $ddl-chip-sel-mobile-height: 40px !default;
 $ddl-chip-selected-padding: 12px 4px 11px 0 !default;

package/styles/multi-select/_fabric-dark-definition.scss

@@ -56,7 +56,9 @@ $ddl-closer-hooker-font: 10px !default;
 $ddl-closer-margin-top: -3em !default;
 $ddl-icon-margin-top: -2.5em !default;
 $ddl-clear-margin-top: -3em !default;
-$ddl-icon-margin-top-bigger: -3.2em !default;
+$ddl-icon-margin-top-bigger: -3.15em !default;
+$ddl-small-ddl-icon-top: -2.5em !default;
+$ddl-bigger-small-ddl-icon-top: -2.85em !default;
 $ddl-closer-margin-top-bigger: -3.5em !default;
 $ddl-chip-font-family: inherit !default;
 $ddl-chip-mobile-radius: 0 !default;

package/styles/multi-select/_fabric-definition.scss

@@ -54,7 +54,9 @@ $ddl-delimviewheight-bigger: 36px !default;
 $ddl-closer-hooker-font: 10px !default;
 $ddl-closer-margin-top: -3em !default;
 $ddl-icon-margin-top: -2.5em !default;
-$ddl-icon-margin-top-bigger: -3.2em !default;
+$ddl-icon-margin-top-bigger: -3.15em !default;
+$ddl-small-ddl-icon-top: -2.5em !default;
+$ddl-bigger-small-ddl-icon-top: -2.85em !default;
 $ddl-clear-margin-top: -3em !default;
 $ddl-closer-margin-top-bigger: -3.5em !default;
 $ddl-chip-font-family: inherit !default;

package/styles/multi-select/_fluent-definition.scss

@@ -45,6 +45,8 @@ $ddl-icon-margin-top: -1.68em !default;
 $ddl-clear-margin-top: -2em !default;
 $ddl-bigger-clear-margin-top: -2.25em !default;
 $ddl-icon-margin-top-bigger: -1.68em !default;
+$ddl-small-ddl-icon-top: -1.6em !default;
+$ddl-bigger-small-ddl-icon-top: -1.68em !default;
 $ddl-chip-mobile-radius: 2px !default;
 $ddl-chip-sel-mobile-height: 40px !default;
 $ddl-chip-selected-padding: 12px 4px 11px 0 !default;

package/styles/multi-select/_highcontrast-definition.scss

@@ -57,6 +57,8 @@ $ddl-closer-hooker-font: 10px !default;
 $ddl-closer-margin-top: -3em !default;
 $ddl-icon-margin-top: -2.5em !default;
 $ddl-icon-margin-top-bigger: -3.1em !default;
+$ddl-small-ddl-icon-top: -2.5em !default;
+$ddl-bigger-small-ddl-icon-top: -2.85em !default;
 $ddl-clear-margin-top: -3.2em !default;
 $ddl-closer-margin-top-bigger: -3.5em !default;
 $ddl-chip-font-family: inherit !default;

package/styles/multi-select/_highcontrast-light-definition.scss

@@ -57,6 +57,8 @@ $ddl-closer-hooker-font: 10px !default;
 $ddl-closer-margin-top: -3.2em !default;
 $ddl-icon-margin-top: -2.8em !default;
 $ddl-icon-margin-top-bigger: -2.8em !default;
+$ddl-small-ddl-icon-top: -2.5em !default;
+$ddl-bigger-small-ddl-icon-top: -2.85em !default;
 $ddl-clear-margin-top: -3.2em !default;
 $ddl-closer-margin-top-bigger: -3.5em !default;
 $ddl-chip-font-family: inherit !default;

package/styles/multi-select/_layout.scss

@@ -169,7 +169,8 @@
   }
 }
 
-.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 {
   @if $ddl-multiselect-skin-name != 'Material3' {
     margin-top: $ddl-icon-margin-top-bigger;
   }
@@ -1201,6 +1202,11 @@ ejs-multiselect {
   }
 }
 
+.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: $ddl-small-ddl-icon-top;
+}
+
 .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
   @if ddl-multiselect-skin-name == 'Material3' {
     height: $ddl-small-clear-icon-height;
@@ -1232,6 +1238,11 @@ ejs-multiselect {
   }
 }
 
+.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: $ddl-bigger-small-ddl-icon-top;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
   height: $ddl-bigger-small-chip-close-square;
   width: $ddl-bigger-small-chip-close-width;

package/styles/multi-select/_material-dark-definition.scss

@@ -55,6 +55,8 @@ $ddl-closer-hooker-font: 10px !default;
 $ddl-chip-font-family: inherit !default;
 $ddl-closer-margin-top: -2.5em !default;
 $ddl-icon-margin-top-bigger: -2.5em !default;
+$ddl-small-ddl-icon-top: -1.8em !default;
+$ddl-bigger-small-ddl-icon-top: -2em !default;
 $ddl-icon-margin-top: -2.1em !default;
 $ddl-clear-margin-top: -2.5em !default;
 $ddl-closer-margin-top-bigger: -3em !default;

package/styles/multi-select/_material-definition.scss

@@ -57,6 +57,8 @@ $ddl-closer-margin-top-bigger: -3em !default;
 $ddl-icon-margin-top: -2.1em !default;
 $ddl-clear-margin-top: -2.5em !default;
 $ddl-icon-margin-top-bigger: -2.5em !default;
+$ddl-small-ddl-icon-top: -1.8em !default;
+$ddl-bigger-small-ddl-icon-top: -2em !default;
 $ddl-chip-mobile-radius: 2px !default;
 $ddl-chip-sel-mobile-height: 40px !default;
 $ddl-chip-selected-padding: 12px 4px 11px 0 !default;

package/styles/multi-select/_tailwind-definition.scss

@@ -45,6 +45,8 @@ $ddl-closer-margin-top-bigger: -1.62em !default;
 $ddl-icon-margin-top: -1.3em !default;
 $ddl-clear-margin-top: -2em !default;
 $ddl-icon-margin-top-bigger: -1.3em !default;
+$ddl-small-ddl-icon-top: -1.3em !default;
+$ddl-bigger-small-ddl-icon-top: -1.3em !default;
 $ddl-chip-mobile-radius: 2px !default;
 $ddl-chip-sel-mobile-height: 40px !default;
 $ddl-chip-selected-padding: 12px 4px 11px 0 !default;

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

@@ -227,7 +227,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;
 }
 
@@ -766,11 +767,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;