@syncfusion/ej2-react-grids 26.1.40 → 26.1.42

package/styles/grid/highcontrast-light.css

@@ -1891,6 +1891,9 @@
   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;
@@ -1922,8 +1925,8 @@
 .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;
@@ -2876,6 +2879,7 @@
 .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,
@@ -2888,6 +2892,7 @@
 .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,
@@ -2916,7 +2921,7 @@
   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/grid/highcontrast.css

@@ -649,7 +649,7 @@
 }
 .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,
@@ -669,13 +669,13 @@
 .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 {
@@ -1551,7 +1551,7 @@
   font-weight: normal;
   height: 29px;
   line-height: 29px;
-  padding: 0;
+  padding: 0 0.5em 0 0;
   margin: 0;
   overflow: hidden;
   text-align: left;
@@ -1891,6 +1891,9 @@
   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;
@@ -1922,8 +1925,8 @@
 .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;
@@ -2874,26 +2877,28 @@
 .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;
@@ -2906,7 +2911,7 @@
   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;
@@ -2916,7 +2921,7 @@
   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;
@@ -2924,11 +2929,11 @@
 }
 .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/grid/material-dark.css

@@ -1969,6 +1969,9 @@
   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;
@@ -2000,8 +2003,8 @@
 .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;
@@ -2994,7 +2997,7 @@
   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/grid/material.css

@@ -2014,6 +2014,9 @@
   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;
@@ -2045,8 +2048,8 @@
 .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;
@@ -3029,7 +3032,7 @@
   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;
@@ -3039,7 +3042,7 @@
   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/grid/material3-dark.css

@@ -1876,7 +1876,7 @@
   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;
@@ -2217,6 +2217,9 @@
   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;
@@ -2247,16 +2250,16 @@
 }
 .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;
@@ -2308,11 +2311,11 @@
   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;
@@ -3242,7 +3245,7 @@
 .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,
@@ -3254,7 +3257,7 @@
 .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,
@@ -3274,7 +3277,7 @@
   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;
@@ -3284,7 +3287,7 @@
   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/grid/material3.css

@@ -1988,7 +1988,7 @@
   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;
@@ -2329,6 +2329,9 @@
   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;
@@ -2359,16 +2362,16 @@
 }
 .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;
@@ -2420,11 +2423,11 @@
   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;
@@ -3354,7 +3357,7 @@
 .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,
@@ -3366,7 +3369,7 @@
 .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,
@@ -3386,7 +3389,7 @@
   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;
@@ -3396,7 +3399,7 @@
   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/grid/tailwind-dark.css

@@ -494,7 +494,7 @@
 }
 .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 {
@@ -512,7 +512,7 @@
 .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 {
@@ -674,7 +674,7 @@
 .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,
@@ -1629,7 +1629,7 @@
   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;
@@ -1985,6 +1985,9 @@
 .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;
@@ -2014,16 +2017,16 @@
 }
 .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;
@@ -2075,11 +2078,11 @@
   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;
@@ -2976,19 +2979,19 @@
 .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,
@@ -3008,7 +3011,7 @@
   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;
@@ -3020,7 +3023,7 @@
   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;
@@ -3028,7 +3031,7 @@
 }
 .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/grid/tailwind.css

@@ -494,7 +494,7 @@
 }
 .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 {
@@ -512,7 +512,7 @@
 .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 {
@@ -674,7 +674,7 @@
 .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,
@@ -1629,7 +1629,7 @@
   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;
@@ -1985,6 +1985,9 @@
 .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;
@@ -2014,16 +2017,16 @@
 }
 .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;
@@ -2075,11 +2078,11 @@
   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;
@@ -2976,19 +2979,19 @@
 .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,
@@ -3008,7 +3011,7 @@
   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;
@@ -3020,7 +3023,7 @@
   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;
@@ -3028,7 +3031,7 @@
 }
 .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;