@syncfusion/ej2-react-grids 26.1.40 → 26.1.42

package/styles/highcontrast-light.css

@@ -2316,6 +2316,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   overflow: hidden;
   vertical-align: middle;
 }
+.e-grid.e-rtl .e-sortfilter .e-rightalign .e-headercelldiv {
+  padding: 0 0 0 10px;
+}
 .e-grid .e-sortfilterdiv {
   float: right;
   height: 16px;
@@ -2347,8 +2350,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-gridheader .e-stackedheadercelldiv {
   padding: 0 10px 0 0;
 }
-.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
-.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none]:not(.e-centeralign) .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none]:not(.e-centeralign) .e-stackedheadercelldiv,
 .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
 .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
   padding-left: 0;
@@ -3301,6 +3304,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv {
   padding: 0 0.6em 0 1.8em;
   text-align: right;
+  margin: -7px 0;
 }
 .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
 .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
@@ -3313,6 +3317,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-detailheadercell .e-headercelldiv.e-headerchkcelldiv {
   padding: 0 0.6em 0 1.8em;
   text-align: right;
+  margin: -7px 0;
 }
 .e-grid.e-rtl .e-headercell .e-headercelldiv .e-sortnumber,
 .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber,
@@ -3341,7 +3346,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -22px 3px;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv {
-  padding: 0 25px 0 0.7em;
+  padding: 0 1.6em 0 1.2em;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv .e-sortnumber {
   float: right;

package/styles/highcontrast.css

@@ -1074,7 +1074,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
 .e-grid.e-bigger.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
-  margin: 7px 0 0 3px;
+  margin: 7px 0 0 13px;
 }
 .e-bigger .e-grid.e-rtl .e-headercell .e-sortfilterdiv,
 .e-bigger .e-grid.e-rtl .e-detailheadercell .e-sortfilterdiv,
@@ -1094,13 +1094,13 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber,
 .e-grid.e-bigger.e-rtl .e-headercell .e-headercelldiv .e-sortnumber,
 .e-grid.e-bigger.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber {
-  margin: 7px 0 0 3px;
+  margin: 7px 0 0 13px;
 }
 .e-bigger .e-grid.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber,
 .e-bigger .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber,
 .e-grid.e-bigger.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber,
 .e-grid.e-bigger.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber {
-  margin: 7px 0 0 5px;
+  margin: 7px 0 0 13px;
 }
 .e-bigger .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv,
 .e-grid.e-bigger.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
@@ -1976,7 +1976,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   font-weight: normal;
   height: 29px;
   line-height: 29px;
-  padding: 0;
+  padding: 0 0.5em 0 0;
   margin: 0;
   overflow: hidden;
   text-align: left;
@@ -2316,6 +2316,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   overflow: hidden;
   vertical-align: middle;
 }
+.e-grid.e-rtl .e-sortfilter .e-rightalign .e-headercelldiv {
+  padding: 0 0 0 10px;
+}
 .e-grid .e-sortfilterdiv {
   float: right;
   height: 16px;
@@ -2347,8 +2350,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-gridheader .e-stackedheadercelldiv {
   padding: 0 10px 0 0;
 }
-.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
-.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none]:not(.e-centeralign) .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none]:not(.e-centeralign) .e-stackedheadercelldiv,
 .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
 .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
   padding-left: 0;
@@ -3299,26 +3302,28 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv,
 .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv, .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv,
 .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv {
-  padding: 0 0.6em 0 1.8em;
+  padding: 0 0.6em 0 0.9em;
   text-align: right;
+  margin: -7px 0;
 }
 .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
 .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
 .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber {
   float: left;
-  margin: 8px 0 0 8px;
+  margin: 8px 0 0 18px;
 }
 .e-grid.e-rtl .e-headercell .e-headercelldiv,
 .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv, .e-grid.e-rtl .e-detailheadercell .e-headercelldiv,
 .e-grid.e-rtl .e-detailheadercell .e-headercelldiv.e-headerchkcelldiv {
-  padding: 0 0.6em 0 1.8em;
+  padding: 0 0.6em 0 0.9em;
   text-align: right;
+  margin: -7px 0;
 }
 .e-grid.e-rtl .e-headercell .e-headercelldiv .e-sortnumber,
 .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber,
 .e-grid.e-rtl .e-detailheadercell .e-headercelldiv.e-headerchkcelldiv .e-sortnumber {
   float: left;
-  margin: 8px 0 0 8px;
+  margin: 8px 0 0 18px;
 }
 .e-grid.e-rtl .e-headercell .e-filterbarcell input, .e-grid.e-rtl .e-detailheadercell .e-filterbarcell input {
   border-width: 1px;
@@ -3331,7 +3336,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-left: 10px;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
-  margin: 7px -2px 0 0;
+  margin: 7px -2px 0 2px;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-filtermenudiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-filtermenudiv {
   margin-left: -5px;
@@ -3341,7 +3346,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -22px 3px;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv {
-  padding: 0 25px 0 0.7em;
+  padding: 0 1.6em 0 1.2em;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv .e-sortnumber {
   float: right;
@@ -3349,11 +3354,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid.e-rtl .e-headercell.e-fltr-icon.e-rightalign .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-fltr-icon.e-rightalign .e-sortnumber {
   float: left;
-  margin: 7px 0 0 12px;
+  margin: 7px 0 0 20px;
 }
 .e-grid.e-rtl .e-headercell.e-rightalign .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-sortnumber {
   float: left;
-  margin: 7px 0 0 12px;
+  margin: 7px 0 0 20px;
 }
 .e-grid.e-rtl .e-rowcell:first-child,
 .e-grid.e-rtl .e-summarycell:first-child {

package/styles/material-dark.css

@@ -2401,6 +2401,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   overflow: hidden;
   vertical-align: middle;
 }
+.e-grid.e-rtl .e-sortfilter .e-rightalign .e-headercelldiv {
+  padding: 0 0.6em 0 1.9em;
+}
 .e-grid .e-sortfilterdiv {
   float: right;
   height: 10px;
@@ -2432,8 +2435,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-gridheader .e-stackedheadercelldiv {
   padding: 0 1.8em 0 0.6em;
 }
-.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
-.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none]:not(.e-centeralign) .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none]:not(.e-centeralign) .e-stackedheadercelldiv,
 .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
 .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
   padding-left: 0.6em;
@@ -3426,7 +3429,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -15px 3px;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv {
-  padding: 0 25px 0 0.7em;
+  padding: 0 1.6em 0 1.2em;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv .e-sortnumber {
   float: right;

package/styles/material.css

@@ -2456,6 +2456,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   overflow: hidden;
   vertical-align: middle;
 }
+.e-grid.e-rtl .e-sortfilter .e-rightalign .e-headercelldiv {
+  padding: 0 0.6em 0 1.9em;
+}
 .e-grid .e-sortfilterdiv {
   float: right;
   height: 10px;
@@ -2487,8 +2490,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-gridheader .e-stackedheadercelldiv {
   padding: 0 1.8em 0 0.6em;
 }
-.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
-.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none]:not(.e-centeralign) .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none]:not(.e-centeralign) .e-stackedheadercelldiv,
 .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
 .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
   padding-left: 0.6em;
@@ -3471,7 +3474,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-left: 10px;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
-  margin: 6px -4px 0 0;
+  margin: 6px -4px 0 2px;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-filtermenudiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-filtermenudiv {
   margin-left: -5px;
@@ -3481,7 +3484,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -16px 3px;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv {
-  padding: 0 25px 0 0.7em;
+  padding: 0 1.6em 0 1.2em;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv .e-sortnumber {
   float: right;

package/styles/material3-dark.css

@@ -2460,7 +2460,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   font-weight: 500;
   height: 20px;
   line-height: 21px;
-  padding: 0 0.4em;
+  padding: 0 1.5em 0 0.4em;
   margin: -7px -7px -7px -8px;
   overflow: hidden;
   text-align: left;
@@ -2801,6 +2801,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   overflow: hidden;
   vertical-align: middle;
 }
+.e-grid.e-rtl .e-sortfilter .e-rightalign .e-headercelldiv {
+  padding: 0 8px 0;
+}
 .e-grid .e-sortfilterdiv {
   float: right;
   height: 20px;
@@ -2831,16 +2834,16 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
 .e-grid .e-gridheader .e-stackedheadercelldiv {
-  padding: 0 20px 0 8px;
+  padding: 0 9px 0 8px;
 }
-.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
-.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none]:not(.e-centeralign) .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none]:not(.e-centeralign) .e-stackedheadercelldiv,
 .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
 .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
   padding-left: 8px;
 }
 .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
-  padding: 0 20px 0 8px;
+  padding: 0 9px 0 8px;
 }
 .e-grid.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   padding: 0 0.5em 0 2.8em;
@@ -2892,11 +2895,11 @@ li.e-separator.e-menu-item.e-excel-separator {
   width: 20px;
 }
 .e-grid .e-gridheader .e-fltr-icon .e-sortnumber {
-  margin: 0 8px 0 8px;
+  margin: 0 11px 0 8px;
 }
 .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
   float: left;
-  margin: 0 8px 0 8px;
+  margin: 0 8px 0 0;
 }
 .e-grid .e-gridheader .e-rightalign .e-sortnumber {
   float: left;
@@ -3826,7 +3829,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv,
 .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv, .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv,
 .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv {
-  padding: 0 0.4em 0 3.1em;
+  padding: 0 0.4em 0 2.1em;
   text-align: right;
 }
 .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
@@ -3838,7 +3841,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-headercell .e-headercelldiv,
 .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv, .e-grid.e-rtl .e-detailheadercell .e-headercelldiv,
 .e-grid.e-rtl .e-detailheadercell .e-headercelldiv.e-headerchkcelldiv {
-  padding: 0 0.4em 0 3.1em;
+  padding: 0 0.4em 0 2.1em;
   text-align: right;
 }
 .e-grid.e-rtl .e-headercell .e-headercelldiv .e-sortnumber,
@@ -3858,7 +3861,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-left: 10px;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
-  margin: 0 8px 0 0;
+  margin: 0 8px 0 3px;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-filtermenudiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-filtermenudiv {
   margin-left: -2px;
@@ -3868,7 +3871,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -10px 2px;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv {
-  padding: 0 25px 0 0.7em;
+  padding: 0 1.6em 0 1.2em;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv .e-sortnumber {
   float: right;

package/styles/material3.css

@@ -2684,7 +2684,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   font-weight: 500;
   height: 20px;
   line-height: 21px;
-  padding: 0 0.4em;
+  padding: 0 1.5em 0 0.4em;
   margin: -7px -7px -7px -8px;
   overflow: hidden;
   text-align: left;
@@ -3025,6 +3025,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   overflow: hidden;
   vertical-align: middle;
 }
+.e-grid.e-rtl .e-sortfilter .e-rightalign .e-headercelldiv {
+  padding: 0 8px 0;
+}
 .e-grid .e-sortfilterdiv {
   float: right;
   height: 20px;
@@ -3055,16 +3058,16 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
 .e-grid .e-gridheader .e-stackedheadercelldiv {
-  padding: 0 20px 0 8px;
+  padding: 0 9px 0 8px;
 }
-.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
-.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none]:not(.e-centeralign) .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none]:not(.e-centeralign) .e-stackedheadercelldiv,
 .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
 .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
   padding-left: 8px;
 }
 .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
-  padding: 0 20px 0 8px;
+  padding: 0 9px 0 8px;
 }
 .e-grid.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   padding: 0 0.5em 0 2.8em;
@@ -3116,11 +3119,11 @@ li.e-separator.e-menu-item.e-excel-separator {
   width: 20px;
 }
 .e-grid .e-gridheader .e-fltr-icon .e-sortnumber {
-  margin: 0 8px 0 8px;
+  margin: 0 11px 0 8px;
 }
 .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
   float: left;
-  margin: 0 8px 0 8px;
+  margin: 0 8px 0 0;
 }
 .e-grid .e-gridheader .e-rightalign .e-sortnumber {
   float: left;
@@ -4050,7 +4053,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv,
 .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv, .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv,
 .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv {
-  padding: 0 0.4em 0 3.1em;
+  padding: 0 0.4em 0 2.1em;
   text-align: right;
 }
 .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
@@ -4062,7 +4065,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-headercell .e-headercelldiv,
 .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv, .e-grid.e-rtl .e-detailheadercell .e-headercelldiv,
 .e-grid.e-rtl .e-detailheadercell .e-headercelldiv.e-headerchkcelldiv {
-  padding: 0 0.4em 0 3.1em;
+  padding: 0 0.4em 0 2.1em;
   text-align: right;
 }
 .e-grid.e-rtl .e-headercell .e-headercelldiv .e-sortnumber,
@@ -4082,7 +4085,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-left: 10px;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
-  margin: 0 8px 0 0;
+  margin: 0 8px 0 3px;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-filtermenudiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-filtermenudiv {
   margin-left: -2px;
@@ -4092,7 +4095,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: -10px 2px;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv {
-  padding: 0 25px 0 0.7em;
+  padding: 0 1.6em 0 1.2em;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv .e-sortnumber {
   float: right;

package/styles/tailwind-dark.css

@@ -918,7 +918,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortnumber,
 .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortnumber {
-  margin: 0 9px 0 6px;
+  margin: 0 11px 0 6px;
 }
 .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
 .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
@@ -936,7 +936,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber,
 .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
   float: left;
-  margin: 0 6px 0 0;
+  margin: 0 6px 0 -8px;
 }
 .e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
 .e-grid.e-bigger .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv {
@@ -1098,7 +1098,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
 .e-grid.e-bigger.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
   margin: 0 6px 0 5px;
-  margin-left: 0;
+  margin-left: 4px;
 }
 .e-bigger .e-grid.e-rtl .e-headercell .e-sortfilterdiv,
 .e-bigger .e-grid.e-rtl .e-detailheadercell .e-sortfilterdiv,
@@ -2053,7 +2053,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   font-weight: 500;
   height: 16px;
   line-height: 16px;
-  padding: 0 0.4em;
+  padding: 0 1.6em 0 0.4em;
   margin: -5px;
   overflow: hidden;
   text-align: left;
@@ -2409,6 +2409,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-groupdroparea.e-hover {
   right: 2px;
 }
+.e-grid.e-rtl .e-sortfilter .e-rightalign .e-headercelldiv {
+  padding: 0 5px 0 20px;
+}
 .e-grid .e-sortfilterdiv {
   float: right;
   height: 20px;
@@ -2438,16 +2441,16 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
 .e-grid .e-gridheader .e-stackedheadercelldiv {
-  padding: 0 20px 0 5px;
+  padding: 0 7px 0 5px;
 }
-.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
-.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none]:not(.e-centeralign) .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none]:not(.e-centeralign) .e-stackedheadercelldiv,
 .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
 .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
   padding-left: 5px;
 }
 .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
-  padding: 0 20px 0 5px;
+  padding: 0 7px 0 5px;
 }
 .e-grid.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   padding: 0 0.5em 0 0.45em;
@@ -2499,11 +2502,11 @@ li.e-separator.e-menu-item.e-excel-separator {
   width: 16px;
 }
 .e-grid .e-gridheader .e-fltr-icon .e-sortnumber {
-  margin: 0 4px 0 4px;
+  margin: 0 10px 0 4px;
 }
 .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
   float: left;
-  margin: 0 4px 0 -2px;
+  margin: 0 4px 0 -9px;
 }
 .e-grid .e-gridheader .e-rightalign .e-sortnumber {
   float: left;
@@ -3400,19 +3403,19 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv,
 .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv, .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv,
 .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv {
-  padding: 0 0.4em 0 4.2em;
+  padding: 0 0.4em 0 3.2em;
   text-align: right;
 }
 .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
 .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
 .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber {
   float: left;
-  margin: 0 4px 0 4px;
+  margin: 0 4px 0 9px;
 }
 .e-grid.e-rtl .e-headercell .e-headercelldiv,
 .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv, .e-grid.e-rtl .e-detailheadercell .e-headercelldiv,
 .e-grid.e-rtl .e-detailheadercell .e-headercelldiv.e-headerchkcelldiv {
-  padding: 0 0.4em 0 4.2em;
+  padding: 0 0.4em 0 3.2em;
   text-align: right;
 }
 .e-grid.e-rtl .e-headercell .e-headercelldiv .e-sortnumber,
@@ -3432,7 +3435,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-left: 10px;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
-  margin: 0 -1px 0 4px;
+  margin: 0 0 0 4px;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-filtermenudiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-filtermenudiv {
   margin-left: -5px;
@@ -3444,7 +3447,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-top: -13px;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv {
-  padding: 0 25px 0 0.7em;
+  padding: 0 1.6em 0 1.2em;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv .e-sortnumber {
   float: right;
@@ -3452,7 +3455,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid.e-rtl .e-headercell.e-fltr-icon.e-rightalign .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-fltr-icon.e-rightalign .e-sortnumber {
   float: left;
-  margin: 0 4px 0 6px;
+  margin: 0 4px 0 9px;
 }
 .e-grid.e-rtl .e-headercell.e-rightalign .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-sortnumber {
   float: left;

package/styles/tailwind.css

@@ -918,7 +918,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortnumber,
 .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortnumber {
-  margin: 0 9px 0 6px;
+  margin: 0 11px 0 6px;
 }
 .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
 .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
@@ -936,7 +936,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber,
 .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
   float: left;
-  margin: 0 6px 0 0;
+  margin: 0 6px 0 -8px;
 }
 .e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
 .e-grid.e-bigger .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv {
@@ -1098,7 +1098,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
 .e-grid.e-bigger.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
   margin: 0 6px 0 5px;
-  margin-left: 0;
+  margin-left: 4px;
 }
 .e-bigger .e-grid.e-rtl .e-headercell .e-sortfilterdiv,
 .e-bigger .e-grid.e-rtl .e-detailheadercell .e-sortfilterdiv,
@@ -2053,7 +2053,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   font-weight: 500;
   height: 16px;
   line-height: 16px;
-  padding: 0 0.4em;
+  padding: 0 1.6em 0 0.4em;
   margin: -5px;
   overflow: hidden;
   text-align: left;
@@ -2409,6 +2409,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-groupdroparea.e-hover {
   right: 2px;
 }
+.e-grid.e-rtl .e-sortfilter .e-rightalign .e-headercelldiv {
+  padding: 0 5px 0 20px;
+}
 .e-grid .e-sortfilterdiv {
   float: right;
   height: 20px;
@@ -2438,16 +2441,16 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
 .e-grid .e-gridheader .e-stackedheadercelldiv {
-  padding: 0 20px 0 5px;
+  padding: 0 7px 0 5px;
 }
-.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
-.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none]:not(.e-centeralign) .e-headercelldiv,
+.e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none]:not(.e-centeralign) .e-stackedheadercelldiv,
 .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
 .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
   padding-left: 5px;
 }
 .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
-  padding: 0 20px 0 5px;
+  padding: 0 7px 0 5px;
 }
 .e-grid.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   padding: 0 0.5em 0 0.45em;
@@ -2499,11 +2502,11 @@ li.e-separator.e-menu-item.e-excel-separator {
   width: 16px;
 }
 .e-grid .e-gridheader .e-fltr-icon .e-sortnumber {
-  margin: 0 4px 0 4px;
+  margin: 0 10px 0 4px;
 }
 .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
   float: left;
-  margin: 0 4px 0 -2px;
+  margin: 0 4px 0 -9px;
 }
 .e-grid .e-gridheader .e-rightalign .e-sortnumber {
   float: left;
@@ -3400,19 +3403,19 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv,
 .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv, .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv,
 .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv {
-  padding: 0 0.4em 0 4.2em;
+  padding: 0 0.4em 0 3.2em;
   text-align: right;
 }
 .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
 .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
 .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber {
   float: left;
-  margin: 0 4px 0 4px;
+  margin: 0 4px 0 9px;
 }
 .e-grid.e-rtl .e-headercell .e-headercelldiv,
 .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv, .e-grid.e-rtl .e-detailheadercell .e-headercelldiv,
 .e-grid.e-rtl .e-detailheadercell .e-headercelldiv.e-headerchkcelldiv {
-  padding: 0 0.4em 0 4.2em;
+  padding: 0 0.4em 0 3.2em;
   text-align: right;
 }
 .e-grid.e-rtl .e-headercell .e-headercelldiv .e-sortnumber,
@@ -3432,7 +3435,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-left: 10px;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
-  margin: 0 -1px 0 4px;
+  margin: 0 0 0 4px;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-filtermenudiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-filtermenudiv {
   margin-left: -5px;
@@ -3444,7 +3447,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-top: -13px;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv {
-  padding: 0 25px 0 0.7em;
+  padding: 0 1.6em 0 1.2em;
 }
 .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv .e-sortnumber {
   float: right;
@@ -3452,7 +3455,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid.e-rtl .e-headercell.e-fltr-icon.e-rightalign .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-fltr-icon.e-rightalign .e-sortnumber {
   float: left;
-  margin: 0 4px 0 6px;
+  margin: 0 4px 0 9px;
 }
 .e-grid.e-rtl .e-headercell.e-rightalign .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-sortnumber {
   float: left;