@syncfusion/ej2-dropdowns 31.1.18 → 31.1.22

package/styles/bootstrap5-lite.css

@@ -1028,7 +1028,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;
 }

package/styles/bootstrap5.3-lite.css

@@ -1015,7 +1015,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;
 }
@@ -1110,6 +1109,8 @@ ejs-dropdownlist {
 }
 
 .e-multi-select-wrapper .e-close-hooker::before {
+  height: 16px;
+  font-size: 16px;
   content: "\e7e7";
   cursor: pointer;
   left: 6px;

package/styles/bootstrap5.3.css

@@ -1202,7 +1202,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;
 }
@@ -1256,7 +1255,7 @@ ejs-dropdownlist {
 .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
 .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
   bottom: auto;
-  right: 36px;
+  right: 30px;
 }
 .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon,
 .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon,
@@ -1376,6 +1375,8 @@ ejs-dropdownlist {
 }
 
 .e-multi-select-wrapper .e-close-hooker::before {
+  height: 16px;
+  font-size: 16px;
   content: "\e7e7";
   cursor: pointer;
   left: 6px;
@@ -2408,12 +2409,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/bootstrap5.css

@@ -1215,7 +1215,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;
 }

package/styles/combo-box/bootstrap4.css

@@ -79,6 +79,14 @@
   font-size: 12px;
 }
 
+.e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+.e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+.e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+.e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
+  background: transparent;
+  color: #495057;
+}
+
 .e-small .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
 .e-small.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
   font-size: 10px;

package/styles/drop-down-base/_fluent2-definition.scss

@@ -17,8 +17,8 @@ $ddl-list-header-padding-left: 12px !default;
 $ddl-list-header-small-padding-left: 8px !default;
 $ddl-list-header-bigger-small-padding-left: 14px !default;
 $ddl-list-header-bigger-padding-left: 0 !default;
-$ddl-list-text-indent: 12px !default;
-$ddl-bigger-text-indent: 16px !default;
+$ddl-list-text-indent: 8px !default;
+$ddl-bigger-text-indent: 12px !default;
 $ddl-list-rtl-padding-right: 0 !default;
 $ddl-list-padding-right: 16px !default;
 $ddl-list-rtl-padding-left: 16px !default;

package/styles/drop-down-base/fluent2.css

@@ -181,7 +181,7 @@
   line-height: 32px;
   min-height: 32px;
   padding-right: 16px;
-  text-indent: 12px;
+  text-indent: 8px;
   background-color: var(--color-sf-flyout-bg-color);
   margin-bottom: 2px;
 }
@@ -308,7 +308,7 @@
   border-color: var(--color-sf-border-light);
   color: var(--color-sf-content-text-color);
   font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
-  text-indent: 12px;
+  text-indent: 8px;
   font-size: 14px;
   padding-right: 16px;
 }
@@ -341,14 +341,14 @@
 .e-bigger .e-dropdownbase .e-list-item,
 .e-dropdownbase.e-bigger .e-list-item {
   line-height: 40px;
-  text-indent: 16px;
+  text-indent: 12px;
 }
 
 .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head,
 .e-dropdownbase.e-bigger .e-list-group-item,
 .e-dropdownbase.e-bigger .e-fixed-head {
   line-height: 40px;
-  text-indent: 16px;
+  text-indent: 12px;
 }
 
 .e-bigger .e-dropdownbase .e-list-item .e-list-icon,

package/styles/drop-down-list/_bootstrap4-definition.scss

@@ -115,6 +115,14 @@ $ddl-bigger-small-list-font-size: 14px !default;
     font-size: 12px;
   }
 
+  .e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+  .e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+  .e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+  .e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
+    background: transparent;
+    color: $ddl-list-icon-color;
+  }
+
   .e-small .e-input-group .e-control#{&}.e-dropdownlist~.e-ddl-icon,
   .e-small.e-input-group .e-control#{&}.e-dropdownlist~.e-ddl-icon {
     font-size: 10px;

package/styles/drop-down-list/bootstrap4.css

@@ -135,6 +135,14 @@
   font-size: 12px;
 }
 
+.e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+.e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+.e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+.e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
+  background: transparent;
+  color: #495057;
+}
+
 .e-small .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
 .e-small.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
   font-size: 10px;

package/styles/drop-down-tree/_bigger.scss

@@ -66,12 +66,18 @@
           @else if $ddt-skin-name == 'bootstrap4' {
             right: 33px;
           }
-          @else if $ddt-skin-name == 'bootstrap5' or $ddt-skin-name == 'bootstrap5.3' or $ddt-skin-name == 'FluentUI' or $ddt-skin-name == 'tailwind3' {
+          @else if $ddt-skin-name == 'bootstrap5' or $ddt-skin-name == 'FluentUI' or $ddt-skin-name == 'tailwind3' {
             @include icon-style(auto, 36px);
           }
-          @else if $ddt-skin-name != 'Material3' {
+          @else if $ddt-skin-name != 'Material3' and $ddt-skin-name != 'bootstrap5.3' and $ddt-skin-name != 'fluent2' {
             right: $ddt-dd-icon-bigger-width;
           }
+          @else if $ddt-skin-name == 'fluent2' {
+            right: 30px;
+          }
+          @else if $ddt-skin-name == 'bootstrap5.3' {
+            @include icon-style(auto, 30px);
+          }
           @if ($ddt-skin-name =='tailwind3') {
             bottom: 0;
             right: 24px;

package/styles/drop-down-tree/_layout.scss

@@ -944,6 +944,18 @@
         }
       }
     }
+    
+    &.e-popup {
+      .e-treeview {
+        .e-list-item {
+          .e-ul {
+            @if $ddt-skin-name == 'fluent2' {
+              padding: 0 0 0 14px;
+            }
+          }
+        }
+      }
+    }
   }
 
   .e-ddt-icon-hide {

package/styles/drop-down-tree/bds.css

@@ -543,7 +543,6 @@
 .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;
 }

package/styles/drop-down-tree/bootstrap-dark.css

@@ -363,7 +363,6 @@
 .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;
 }

package/styles/drop-down-tree/bootstrap.css

@@ -364,7 +364,6 @@
 .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;
 }

package/styles/drop-down-tree/bootstrap4.css

@@ -372,7 +372,6 @@
 .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;
 }

package/styles/drop-down-tree/bootstrap5-dark.css

@@ -375,7 +375,6 @@
 .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;
 }

package/styles/drop-down-tree/bootstrap5.3.css

@@ -361,7 +361,6 @@
 .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;
 }
@@ -415,7 +414,7 @@
 .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
 .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
   bottom: auto;
-  right: 36px;
+  right: 30px;
 }
 .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon,
 .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon,

package/styles/drop-down-tree/bootstrap5.css

@@ -375,7 +375,6 @@
 .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;
 }

package/styles/drop-down-tree/fabric-dark.css

@@ -365,7 +365,6 @@
 .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;
 }

package/styles/drop-down-tree/fabric.css

@@ -366,7 +366,6 @@
 .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;
 }

package/styles/drop-down-tree/fluent-dark.css

@@ -382,7 +382,6 @@
 .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;
 }

package/styles/drop-down-tree/fluent.css

@@ -382,7 +382,6 @@
 .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;
 }

package/styles/drop-down-tree/fluent2.css

@@ -577,6 +577,10 @@
 .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
   margin: 0 12px;
 }
+.e-ddt.e-popup .e-treeview .e-list-item .e-ul {
+  padding: 0 0 0 14px;
+}
+
 .e-ddt-icon-hide {
   display: none;
 }
@@ -625,7 +629,7 @@
 .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon,
 .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
 .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
-  right: 38px;
+  right: 30px;
 }
 .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon,
 .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon,

package/styles/drop-down-tree/highcontrast-light.css

@@ -378,7 +378,6 @@
 .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;
 }

package/styles/drop-down-tree/highcontrast.css

@@ -379,7 +379,6 @@
 .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;
 }

package/styles/drop-down-tree/tailwind-dark.css

@@ -389,7 +389,6 @@
 .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;
 }

package/styles/drop-down-tree/tailwind.css

@@ -389,7 +389,6 @@
 .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;
 }

package/styles/drop-down-tree/tailwind3.css

@@ -385,7 +385,6 @@
 .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;
 }

package/styles/fabric-dark-lite.css

@@ -951,7 +951,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;
 }

package/styles/fabric-dark.css

@@ -1127,7 +1127,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;
 }

package/styles/fabric-lite.css

@@ -952,7 +952,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;
 }

package/styles/fabric.css

@@ -1128,7 +1128,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;
 }

package/styles/fluent-dark-lite.css

@@ -1025,7 +1025,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;
 }

package/styles/fluent-dark.css

@@ -1211,7 +1211,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;
 }
@@ -2502,13 +2501,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;
 }
 
@@ -2807,7 +2806,7 @@ 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;
 }
 
 .e-listbox-tool .e-moveup::before {

package/styles/fluent-lite.css

@@ -1025,7 +1025,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;
 }

package/styles/fluent.css

@@ -1211,7 +1211,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;
 }
@@ -2502,13 +2501,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;
 }
 
@@ -2807,7 +2806,7 @@ 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;
 }
 
 .e-listbox-tool .e-moveup::before {

package/styles/fluent2-lite.css

@@ -181,7 +181,7 @@
   line-height: 32px;
   min-height: 32px;
   padding-right: 16px;
-  text-indent: 12px;
+  text-indent: 8px;
   background-color: var(--color-sf-flyout-bg-color);
   margin-bottom: 2px;
 }
@@ -308,7 +308,7 @@
   border-color: var(--color-sf-border-light);
   color: var(--color-sf-content-text-color);
   font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
-  text-indent: 12px;
+  text-indent: 8px;
   font-size: 14px;
   padding-right: 16px;
 }
@@ -1197,6 +1197,10 @@ ejs-dropdownlist {
 .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
   margin: 0 12px;
 }
+.e-ddt.e-popup .e-treeview .e-list-item .e-ul {
+  padding: 0 0 0 14px;
+}
+
 .e-ddt-icon-hide {
   display: none;
 }
@@ -1279,6 +1283,8 @@ ejs-dropdownlist {
 }
 
 .e-multi-select-wrapper .e-close-hooker::before {
+  height: 18px;
+  font-size: 18px;
   content: "\e7e7";
   cursor: pointer;
   margin: auto;

package/styles/fluent2.css

@@ -181,7 +181,7 @@
   line-height: 32px;
   min-height: 32px;
   padding-right: 16px;
-  text-indent: 12px;
+  text-indent: 8px;
   background-color: var(--color-sf-flyout-bg-color);
   margin-bottom: 2px;
 }
@@ -308,7 +308,7 @@
   border-color: var(--color-sf-border-light);
   color: var(--color-sf-content-text-color);
   font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
-  text-indent: 12px;
+  text-indent: 8px;
   font-size: 14px;
   padding-right: 16px;
 }
@@ -341,14 +341,14 @@
 .e-bigger .e-dropdownbase .e-list-item,
 .e-dropdownbase.e-bigger .e-list-item {
   line-height: 40px;
-  text-indent: 16px;
+  text-indent: 12px;
 }
 
 .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head,
 .e-dropdownbase.e-bigger .e-list-group-item,
 .e-dropdownbase.e-bigger .e-fixed-head {
   line-height: 40px;
-  text-indent: 16px;
+  text-indent: 12px;
 }
 
 .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
@@ -1376,6 +1376,10 @@ ejs-dropdownlist {
 .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
   margin: 0 12px;
 }
+.e-ddt.e-popup .e-treeview .e-list-item .e-ul {
+  padding: 0 0 0 14px;
+}
+
 .e-ddt-icon-hide {
   display: none;
 }
@@ -1424,7 +1428,7 @@ ejs-dropdownlist {
 .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon,
 .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
 .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
-  right: 38px;
+  right: 30px;
 }
 .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon,
 .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon,
@@ -1561,6 +1565,8 @@ ejs-dropdownlist {
 }
 
 .e-multi-select-wrapper .e-close-hooker::before {
+  height: 18px;
+  font-size: 18px;
   content: "\e7e7";
   cursor: pointer;
   margin: auto;
@@ -2601,12 +2607,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/highcontrast-light-lite.css

@@ -964,7 +964,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;
 }

package/styles/highcontrast-light.css

@@ -1129,7 +1129,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;
 }
@@ -2408,7 +2407,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/highcontrast-lite.css

@@ -980,7 +980,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;
 }
@@ -1151,6 +1150,7 @@ ejs-dropdownlist {
 }
 
 .e-multi-select-wrapper .e-close-hooker::before {
+  font-size: 12px;
   content: "\e7a7";
   cursor: pointer;
   left: 0;