@syncfusion/ej2-dropdowns 31.1.18 → 31.1.22

package/styles/highcontrast.css

@@ -1145,7 +1145,6 @@ ejs-dropdownlist {
 .e-ddt.e-float-input.e-control-wrapper.e-input-group .e-float-text.e-label-top {
   top: 15px;
 }
-
 .e-ddt-icon-hide {
   display: none;
 }
@@ -1403,6 +1402,7 @@ ejs-dropdownlist {
 }
 
 .e-multi-select-wrapper .e-close-hooker::before {
+  font-size: 12px;
   content: "\e7a7";
   cursor: pointer;
   left: 0;
@@ -2443,13 +2443,12 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
 }
 
 .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
-  margin-top: -3.5em;
+  margin-top: -34px;
 }
 
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -3.5em;
-  margin-top: -3.2em;
+  margin-top: -34px;
 }
 
 .e-bigger .e-multi-select-wrapper input[type=text],

package/styles/material.css

@@ -3287,12 +3287,12 @@ ejs-multiselect {
 }
 
 .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
-  margin-top: -3em;
+  margin-top: -32px;
 }
 
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -3em;
+  margin-top: -32px;
 }
 
 .e-bigger .e-multi-select-wrapper input[type=text],

package/styles/multi-select/_bigger.scss

@@ -157,7 +157,7 @@
       margin-top: $ddl-closer-margin-top-bigger;
     }
     @if $ddl-multiselect-skin-name == 'fluent2' {
-      margin-top: -2.5em;
+      margin-top: -32px;
     }
     @if $ddl-multiselect-skin-name == 'FluentUI' {
       margin-top: $ddl-bigger-clear-margin-top;
@@ -168,7 +168,7 @@
     @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
       margin-top: -2.15em;
     }
-    @if $ddl-multiselect-skin-name == 'highcontrast' or $ddl-multiselect-skin-name == 'fabric' {
+    @if $ddl-multiselect-skin-name == 'fabric' {
       margin-top: -3.2em;
     }
     @if $ddl-multiselect-skin-name == 'tailwind' {
@@ -1046,7 +1046,7 @@
 
   .e-bigger .e-multi-select-wrapper .e-chips .e-chips-close::before {
     @if $skin-name == 'bootstrap4' {
-      font-size: 12px;
+      font-size: 18px;
       top: $ddl-bigger-close-top;
     }
   }
@@ -1054,7 +1054,7 @@
   .e-bigger .e-multi-select-wrapper .e-chips .e-chips-close::before,
   .e-bigger.e-multi-select-wrapper .e-chips .e-chips-close::before {
     @if $skin-name == 'bootstrap4' {
-      top: 1px;
+      top: 5px;
     }
   }
 
@@ -1935,7 +1935,7 @@
   @if $skin-name == 'bootstrap4' {
     .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;
+      font-size: 16px;
     }
     .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 {
@@ -1984,7 +1984,7 @@
   @if $skin-name == 'FluentUI' {
     .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
     .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
-      margin-top: -1.6em;
+      margin-top: -24px;
     }
   }
   @if $skin-name == 'highcontrast' or $skin-name == 'highcontrast-light' {

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

@@ -37,7 +37,7 @@ $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-closer-margin-top-bigger: -32px !default;
 $ddl-chip-close-top: 8px !default;
 $ddl-chip-close-left: 0 !default;
 $ddl-chip-close-margin: 10px 10px 10px 0 !default;

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

@@ -40,7 +40,7 @@ $ddl-delimview-bigger-padding-left: 12px !default;
 $ddl-closer-hooker-font: $text-sm !default;
 $ddl-chip-font-family: $font-family !default;
 $ddl-closer-margin-top: -2em !default;
-$ddl-closer-margin-top-bigger: -2.25em !default;
+$ddl-closer-margin-top-bigger: -35px !default;
 $ddl-icon-margin-top: -2.1em !default;
 $ddl-clear-margin-top: -2em !default;
 $ddl-icon-margin-top-bigger: -2.25em !default;

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

@@ -40,7 +40,7 @@ $ddl-delimview-bigger-padding-left: 12px !default;
 $ddl-closer-hooker-font: $text-xxs !default;
 $ddl-chip-font-family: $font-family !default;
 $ddl-closer-margin-top: -2.4em !default;
-$ddl-closer-margin-top-bigger: -2.7em !default;
+$ddl-closer-margin-top-bigger: -32px !default;
 $ddl-icon-margin-top: -1.68em !default;
 $ddl-clear-margin-top: -2em !default;
 $ddl-bigger-clear-margin-top: -2.25em !default;

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

@@ -42,7 +42,7 @@ $ddl-closer-hooker-font-small: $text-xs !default;
 $ddl-closer-hooker-font-bigger-small: $text-base !default;
 $ddl-chip-font-family: $font-family !default;
 $ddl-closer-margin-top: -2em !default;
-$ddl-closer-margin-top-bigger: -2.3em !default;
+$ddl-closer-margin-top-bigger: -36px !default;
 $ddl-icon-margin-top: -2.3em !default;
 $ddl-clear-margin-top: -2em !default;
 $ddl-icon-margin-top-bigger: -2.1em !default;

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

@@ -60,7 +60,7 @@ $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-closer-margin-top-bigger: -34px !default;
 $ddl-chip-font-family: inherit !default;
 $ddl-chip-mobile-radius: 0 !default;
 $ddl-chip-sel-mobile-height: 38px !default;

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

@@ -55,7 +55,7 @@ $ddl-delimviewheight-bigger: 34px !default;
 $ddl-closer-hooker-font: 10px !default;
 $ddl-chip-font-family: inherit !default;
 $ddl-closer-margin-top: -2.5em !default;
-$ddl-closer-margin-top-bigger: -3em !default;
+$ddl-closer-margin-top-bigger: -32px !default;
 $ddl-icon-margin-top: -2.1em !default;
 $ddl-clear-margin-top: -2.5em !default;
 $ddl-icon-margin-top-bigger: -2.5em !default;

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

@@ -41,9 +41,9 @@ $ddl-closer-hooker-font-small: $text-base !default;
 $ddl-closer-hooker-font-bigger-small: $text-xl !default;
 $ddl-chip-font-family: $font-family !default;
 $ddl-closer-margin-top: -1.65em !default;
-$ddl-closer-margin-top-bigger: -1.62em !default;
+$ddl-closer-margin-top-bigger: -37px !default;
 $ddl-icon-margin-top: -1.3em !default;
-$ddl-clear-margin-top: -2em !default;
+$ddl-clear-margin-top: -32px !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;

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

@@ -40,7 +40,7 @@ $ddl-delimview-bigger-padding-left: 12px !default;
 $ddl-closer-hooker-font: $text-sm !default;
 $ddl-chip-font-family: $font-family !default;
 $ddl-closer-margin-top: -2em !default;
-$ddl-closer-margin-top-bigger: -2.25em !default;
+$ddl-closer-margin-top-bigger: -36px !default;
 $ddl-icon-margin-top: -2.1em !default;
 $ddl-clear-margin-top: -2em !default;
 $ddl-icon-margin-top-bigger: -2.25em !default;

package/styles/multi-select/bootstrap4.css

@@ -116,6 +116,7 @@
 }
 
 .e-multi-select-wrapper .e-close-hooker::before {
+  font-size: 16px;
   content: "\e745";
   cursor: pointer;
   height: 10px;
@@ -1146,12 +1147,12 @@ ejs-multiselect {
 }
 
 .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
-  margin-top: -3.5em;
+  margin-top: -32px;
 }
 
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -3.5em;
+  margin-top: -32px;
 }
 
 .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker,
@@ -1450,13 +1451,13 @@ ejs-multiselect {
 }
 
 .e-bigger .e-multi-select-wrapper .e-chips .e-chips-close::before {
-  font-size: 12px;
+  font-size: 18px;
   top: 9px;
 }
 
 .e-bigger .e-multi-select-wrapper .e-chips .e-chips-close::before,
 .e-bigger.e-multi-select-wrapper .e-chips .e-chips-close::before {
-  top: 1px;
+  top: 5px;
 }
 
 .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
@@ -1477,7 +1478,7 @@ ejs-multiselect {
 
 .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;
+  font-size: 16px;
 }
 
 .e-small.e-bigger .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
@@ -1518,5 +1519,5 @@ ejs-multiselect {
 
 .e-bigger .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper .e-clear-icon {
   height: 36px;
-  margin-top: -3.5em;
+  margin-top: -32px;
 }

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

@@ -114,6 +114,8 @@
 }
 
 .e-multi-select-wrapper .e-close-hooker::before {
+  height: 16px;
+  font-size: 16px;
   content: "\e7e7";
   cursor: pointer;
   left: 6px;
@@ -1146,12 +1148,12 @@ ejs-multiselect {
 }
 
 .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
-  margin-top: -2.25em;
+  margin-top: -35px;
 }
 
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -2.25em;
+  margin-top: -35px;
   margin-top: -2.15em;
 }
 

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

@@ -1181,13 +1181,13 @@ ejs-multiselect {
 }
 
 .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
-  margin-top: -2.7em;
+  margin-top: -32px;
   font-size: 14px;
 }
 
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -2.7em;
+  margin-top: -32px;
   margin-top: -2.25em;
 }
 
@@ -1486,5 +1486,5 @@ ejs-multiselect {
 
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
-  margin-top: -1.6em;
+  margin-top: -24px;
 }

package/styles/multi-select/fluent.css

@@ -1181,13 +1181,13 @@ ejs-multiselect {
 }
 
 .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
-  margin-top: -2.7em;
+  margin-top: -32px;
   font-size: 14px;
 }
 
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -2.7em;
+  margin-top: -32px;
   margin-top: -2.25em;
 }
 
@@ -1486,5 +1486,5 @@ ejs-multiselect {
 
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
-  margin-top: -1.6em;
+  margin-top: -24px;
 }

package/styles/multi-select/fluent2.css

@@ -298,6 +298,8 @@
 }
 
 .e-multi-select-wrapper .e-close-hooker::before {
+  height: 18px;
+  font-size: 18px;
   content: "\e7e7";
   cursor: pointer;
   margin: auto;
@@ -1338,12 +1340,12 @@ ejs-multiselect {
 }
 
 .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
-  margin-top: -2.3em;
+  margin-top: -36px;
 }
 
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -2.5em;
+  margin-top: -32px;
 }
 
 .e-bigger .e-multi-select-wrapper input[type=text],

package/styles/multi-select/highcontrast-light.css

@@ -1213,7 +1213,6 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
   margin-top: -3.5em;
-  margin-top: -3.2em;
 }
 
 .e-bigger .e-multi-select-wrapper input[type=text],

package/styles/multi-select/highcontrast.css

@@ -183,6 +183,7 @@
 }
 
 .e-multi-select-wrapper .e-close-hooker::before {
+  font-size: 12px;
   content: "\e7a7";
   cursor: pointer;
   left: 0;
@@ -1223,13 +1224,12 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
 }
 
 .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
-  margin-top: -3.5em;
+  margin-top: -34px;
 }
 
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -3.5em;
-  margin-top: -3.2em;
+  margin-top: -34px;
 }
 
 .e-bigger .e-multi-select-wrapper input[type=text],

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

@@ -14,6 +14,7 @@
   }
 
   .e-multi-select-wrapper .e-close-hooker::before {
+    font-size: 16px;
     content: '\e745';
     cursor: pointer;
     height: $ddl-overall-close-top;

package/styles/multi-select/icons/_bootstrap5.3.scss

@@ -13,6 +13,8 @@
   }
 
   .e-multi-select-wrapper .e-close-hooker::before {
+    height: 16px;
+    font-size: 16px;
     content: '\e7e7';
     cursor: pointer;
     left: $ddl-overall-close-left;

package/styles/multi-select/icons/_fluent2.scss

@@ -13,6 +13,8 @@
   }
   
   .e-multi-select-wrapper .e-close-hooker::before {
+    height: 18px;
+    font-size: 18px;
     content: '\e7e7';
     cursor: pointer;
     margin: auto;

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

@@ -13,6 +13,7 @@
   }
 
   .e-multi-select-wrapper .e-close-hooker::before {
+    font-size: 12px;
     content: '\e7a7';
     cursor: pointer;
     left: $ddl-overall-close-left;

package/styles/multi-select/icons/_tailwind3.scss

@@ -13,6 +13,8 @@
   }
 
   .e-multi-select-wrapper .e-close-hooker::before {
+    height: 16px;
+    font-size: 16px;
     content: '\e7e7';
     cursor: pointer;
     left: $ddl-overall-close-left;

package/styles/multi-select/material.css

@@ -1719,12 +1719,12 @@ ejs-multiselect {
 }
 
 .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
-  margin-top: -3em;
+  margin-top: -32px;
 }
 
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -3em;
+  margin-top: -32px;
 }
 
 .e-bigger .e-multi-select-wrapper input[type=text],

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

@@ -233,7 +233,7 @@
   -webkit-box-direction: normal;
       -ms-flex-direction: row;
           flex-direction: row;
-  margin-top: -2em;
+  margin-top: -32px;
   margin-top: -1.55em;
   outline: 0;
   padding: 0;
@@ -1107,16 +1107,16 @@ ejs-multiselect {
 }
 
 .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
-  margin-top: -1.62em;
+  margin-top: -37px;
   height: 36px;
   width: 40px;
 }
 
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -1.62em;
+  margin-top: -37px;
   height: 36px;
-  margin-top: -2em;
+  margin-top: -32px;
   width: 40px;
 }
 
@@ -1124,7 +1124,7 @@ ejs-multiselect {
 .e-bigger.e-multiselect .e-down-icon .e-chips-close.e-close-hooker.e-multi-select-wrapper .e-chips-close.e-close-hooker {
   font-size: 22px;
   margin-top: -1.65em;
-  margin-top: -1.62em;
+  margin-top: -37px;
 }
 
 .e-bigger .e-multi-select-wrapper input[type=text],

package/styles/multi-select/tailwind.css

@@ -233,7 +233,7 @@
   -webkit-box-direction: normal;
       -ms-flex-direction: row;
           flex-direction: row;
-  margin-top: -2em;
+  margin-top: -32px;
   margin-top: -1.55em;
   outline: 0;
   padding: 0;
@@ -1107,16 +1107,16 @@ ejs-multiselect {
 }
 
 .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
-  margin-top: -1.62em;
+  margin-top: -37px;
   height: 36px;
   width: 40px;
 }
 
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -1.62em;
+  margin-top: -37px;
   height: 36px;
-  margin-top: -2em;
+  margin-top: -32px;
   width: 40px;
 }
 
@@ -1124,7 +1124,7 @@ ejs-multiselect {
 .e-bigger.e-multiselect .e-down-icon .e-chips-close.e-close-hooker.e-multi-select-wrapper .e-chips-close.e-close-hooker {
   font-size: 22px;
   margin-top: -1.65em;
-  margin-top: -1.62em;
+  margin-top: -37px;
 }
 
 .e-bigger .e-multi-select-wrapper input[type=text],

package/styles/multi-select/tailwind3.css

@@ -122,6 +122,8 @@
 }
 
 .e-multi-select-wrapper .e-close-hooker::before {
+  height: 16px;
+  font-size: 16px;
   content: "\e7e7";
   cursor: pointer;
   left: 6px;
@@ -1124,12 +1126,12 @@ ejs-multiselect {
 }
 
 .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
-  margin-top: -2.25em;
+  margin-top: -36px;
 }
 
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -2.25em;
+  margin-top: -36px;
 }
 
 .e-bigger .e-multi-select-wrapper input[type=text],

package/styles/tailwind-dark-lite.css

@@ -1022,7 +1022,6 @@ ejs-dropdownlist {
 .e-ddt.e-float-input.e-control-wrapper.e-input-group .e-float-text.e-label-top {
   top: 15px;
 }
-
 .e-ddt-icon-hide {
   display: none;
 }
@@ -1246,7 +1245,7 @@ ejs-dropdownlist {
   -webkit-box-direction: normal;
       -ms-flex-direction: row;
           flex-direction: row;
-  margin-top: -2em;
+  margin-top: -32px;
   margin-top: -1.55em;
   outline: 0;
   padding: 0;

package/styles/tailwind-dark.css

@@ -1255,7 +1255,6 @@ ejs-dropdownlist {
 .e-ddt.e-float-input.e-control-wrapper.e-input-group .e-float-text.e-label-top {
   top: 15px;
 }
-
 .e-ddt-icon-hide {
   display: none;
 }
@@ -1612,7 +1611,7 @@ ejs-dropdownlist {
   -webkit-box-direction: normal;
       -ms-flex-direction: row;
           flex-direction: row;
-  margin-top: -2em;
+  margin-top: -32px;
   margin-top: -1.55em;
   outline: 0;
   padding: 0;
@@ -2486,16 +2485,16 @@ ejs-multiselect {
 }
 
 .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
-  margin-top: -1.62em;
+  margin-top: -37px;
   height: 36px;
   width: 40px;
 }
 
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -1.62em;
+  margin-top: -37px;
   height: 36px;
-  margin-top: -2em;
+  margin-top: -32px;
   width: 40px;
 }
 
@@ -2503,7 +2502,7 @@ ejs-multiselect {
 .e-bigger.e-multiselect .e-down-icon .e-chips-close.e-close-hooker.e-multi-select-wrapper .e-chips-close.e-close-hooker {
   font-size: 22px;
   margin-top: -1.65em;
-  margin-top: -1.62em;
+  margin-top: -37px;
 }
 
 .e-bigger .e-multi-select-wrapper input[type=text],

package/styles/tailwind-lite.css

@@ -1022,7 +1022,6 @@ ejs-dropdownlist {
 .e-ddt.e-float-input.e-control-wrapper.e-input-group .e-float-text.e-label-top {
   top: 15px;
 }
-
 .e-ddt-icon-hide {
   display: none;
 }
@@ -1246,7 +1245,7 @@ ejs-dropdownlist {
   -webkit-box-direction: normal;
       -ms-flex-direction: row;
           flex-direction: row;
-  margin-top: -2em;
+  margin-top: -32px;
   margin-top: -1.55em;
   outline: 0;
   padding: 0;

package/styles/tailwind.css

@@ -1255,7 +1255,6 @@ ejs-dropdownlist {
 .e-ddt.e-float-input.e-control-wrapper.e-input-group .e-float-text.e-label-top {
   top: 15px;
 }
-
 .e-ddt-icon-hide {
   display: none;
 }
@@ -1612,7 +1611,7 @@ ejs-dropdownlist {
   -webkit-box-direction: normal;
       -ms-flex-direction: row;
           flex-direction: row;
-  margin-top: -2em;
+  margin-top: -32px;
   margin-top: -1.55em;
   outline: 0;
   padding: 0;
@@ -2486,16 +2485,16 @@ ejs-multiselect {
 }
 
 .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
-  margin-top: -1.62em;
+  margin-top: -37px;
   height: 36px;
   width: 40px;
 }
 
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -1.62em;
+  margin-top: -37px;
   height: 36px;
-  margin-top: -2em;
+  margin-top: -32px;
   width: 40px;
 }
 
@@ -2503,7 +2502,7 @@ ejs-multiselect {
 .e-bigger.e-multiselect .e-down-icon .e-chips-close.e-close-hooker.e-multi-select-wrapper .e-chips-close.e-close-hooker {
   font-size: 22px;
   margin-top: -1.65em;
-  margin-top: -1.62em;
+  margin-top: -37px;
 }
 
 .e-bigger .e-multi-select-wrapper input[type=text],