@syncfusion/ej2-react-grids 26.1.40 → 26.1.42

package/styles/grid/bootstrap5-dark.css

@@ -539,7 +539,7 @@
 }
 .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortnumber,
 .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortnumber {
-  margin: 2px 4px 0 -6px;
+  margin: 2px 4px 0 0;
 }
 .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 {
@@ -557,7 +557,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: 2px 4px 0 -6px;
+  margin: 2px 4px 0 -11px;
 }
 .e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
 .e-grid.e-bigger .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv {
@@ -718,7 +718,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: 2px 0 0 4px;
+  margin: 2px 0 0 11px;
 }
 .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: 700;
   height: 18px;
   line-height: 18px;
-  padding: 0 0.4em;
+  padding: 0 1.5em 0 0.4em;
   margin: -7px -7px -7px -8px;
   overflow: hidden;
   text-align: left;
@@ -1969,6 +1969,9 @@
   overflow: hidden;
   vertical-align: middle;
 }
+.e-grid.e-rtl .e-sortfilter .e-rightalign .e-headercelldiv {
+  padding: 0 8px 0 20px;
+}
 .e-grid .e-sortfilterdiv {
   float: right;
   height: 18px;
@@ -1998,10 +2001,10 @@
 }
 .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
 .e-grid .e-gridheader .e-stackedheadercelldiv {
-  padding: 0 20px 0 5px;
+  padding: 0 10px 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;
@@ -2063,7 +2066,7 @@
 }
 .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
   float: left;
-  margin: 2px 8px 0 10px;
+  margin: 2px 8px 0 3px;
 }
 .e-grid .e-gridheader .e-rightalign .e-sortnumber {
   float: left;
@@ -2952,19 +2955,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 2.8em;
+  padding: 0 0.4em 0 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: 1px 0 0 12px;
+  margin: 1px 0 0 15px;
 }
 .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 2.8em;
+  padding: 0 0.4em 0 2em;
   text-align: right;
 }
 .e-grid.e-rtl .e-headercell .e-headercelldiv .e-sortnumber,
@@ -2984,7 +2987,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: 2px 8px 0 0;
+  margin: 2px 8px 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: -2px;
@@ -2994,7 +2997,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;
@@ -3002,7 +3005,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: 1px 0 0 12px;
+  margin: 1px 0 0 15px;
 }
 .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/bootstrap5.css

@@ -539,7 +539,7 @@
 }
 .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortnumber,
 .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortnumber {
-  margin: 2px 4px 0 -6px;
+  margin: 2px 4px 0 0;
 }
 .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 {
@@ -557,7 +557,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: 2px 4px 0 -6px;
+  margin: 2px 4px 0 -11px;
 }
 .e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
 .e-grid.e-bigger .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv {
@@ -718,7 +718,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: 2px 0 0 4px;
+  margin: 2px 0 0 11px;
 }
 .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: 700;
   height: 18px;
   line-height: 18px;
-  padding: 0 0.4em;
+  padding: 0 1.5em 0 0.4em;
   margin: -7px -7px -7px -8px;
   overflow: hidden;
   text-align: left;
@@ -1969,6 +1969,9 @@
   overflow: hidden;
   vertical-align: middle;
 }
+.e-grid.e-rtl .e-sortfilter .e-rightalign .e-headercelldiv {
+  padding: 0 8px 0 20px;
+}
 .e-grid .e-sortfilterdiv {
   float: right;
   height: 18px;
@@ -1998,10 +2001,10 @@
 }
 .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
 .e-grid .e-gridheader .e-stackedheadercelldiv {
-  padding: 0 20px 0 5px;
+  padding: 0 10px 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;
@@ -2063,7 +2066,7 @@
 }
 .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
   float: left;
-  margin: 2px 8px 0 10px;
+  margin: 2px 8px 0 3px;
 }
 .e-grid .e-gridheader .e-rightalign .e-sortnumber {
   float: left;
@@ -2952,19 +2955,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 2.8em;
+  padding: 0 0.4em 0 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: 1px 0 0 12px;
+  margin: 1px 0 0 15px;
 }
 .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 2.8em;
+  padding: 0 0.4em 0 2em;
   text-align: right;
 }
 .e-grid.e-rtl .e-headercell .e-headercelldiv .e-sortnumber,
@@ -2984,7 +2987,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: 2px 8px 0 0;
+  margin: 2px 8px 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: -2px;
@@ -2994,7 +2997,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;
@@ -3002,7 +3005,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: 1px 0 0 12px;
+  margin: 1px 0 0 15px;
 }
 .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/fabric-dark.css

@@ -1894,6 +1894,9 @@
   overflow: hidden;
   vertical-align: middle;
 }
+.e-grid.e-rtl .e-sortfilter .e-rightalign .e-headercelldiv {
+  padding: 0 0 0 1em;
+}
 .e-grid .e-sortfilterdiv {
   float: right;
   height: 16px;
@@ -1925,8 +1928,8 @@
 .e-grid .e-gridheader .e-stackedheadercelldiv {
   padding: 0 20px 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;
@@ -2919,7 +2922,7 @@
   margin: -21px 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/fabric.css

@@ -1553,7 +1553,7 @@
   font-weight: normal;
   height: 29px;
   line-height: 29px;
-  padding: 0 1px 0;
+  padding: 0 9px 0 1px;
   margin: 0;
   overflow: hidden;
   text-align: left;
@@ -1893,6 +1893,9 @@
   overflow: hidden;
   vertical-align: middle;
 }
+.e-grid.e-rtl .e-sortfilter .e-rightalign .e-headercelldiv {
+  padding: 0 0 0 1em;
+}
 .e-grid .e-sortfilterdiv {
   float: right;
   height: 16px;
@@ -1922,16 +1925,16 @@
 }
 .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
 .e-grid .e-gridheader .e-stackedheadercelldiv {
-  padding: 0 25px 0 0;
+  padding: 0 9px 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;
 }
 .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
-  padding: 0 25px 0 0;
+  padding: 0 9px 0 0;
 }
 .e-grid.e-rtl .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
   padding: 0 0 0 0;
@@ -2908,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: 8px -10px 0 0;
+  margin: 8px -5px 0 0;
 }
 .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;
@@ -2918,7 +2921,7 @@
   margin: -21px 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;
@@ -2953,7 +2956,7 @@
   margin: -17px 17px;
 }
 .e-grid.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -20px 0 0 10px;
+  margin: -20px 16px 0 10px;
 }
 .e-grid.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
   margin: -20px 0 0 14px;

package/styles/grid/fluent-dark.css

@@ -523,7 +523,7 @@
 }
 .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortnumber,
 .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortnumber {
-  margin: 2px 1px 1px 2px;
+  margin: 2px 7px 1px 2px;
 }
 .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 {
@@ -541,7 +541,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: 2px 4px 0 -2px;
+  margin: 2px 4px 0 -5px;
 }
 .e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
 .e-grid.e-bigger .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv {
@@ -701,7 +701,7 @@
   font-size: 9px;
   height: 18px;
   line-height: 16px;
-  margin: 2px 1px 1px 2px;
+  margin: 2px 7px 1px 2px;
   width: 18px;
   font-size: 14px;
 }
@@ -733,7 +733,7 @@
 .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: 2px 0 0 8px;
+  margin: 2px 0 0 11px;
 }
 .e-bigger .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv,
 .e-grid.e-bigger.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
@@ -1634,7 +1634,7 @@
   font-weight: 600;
   height: 22px;
   line-height: 22px;
-  padding: 0 0.4em;
+  padding: 0 1.8em 0 0.4em;
   margin: -5px;
   overflow: hidden;
   text-align: left;
@@ -1977,6 +1977,9 @@
 .e-grid .e-groupdroparea.e-hover {
   padding-bottom: 13px;
 }
+.e-grid.e-rtl .e-sortfilter .e-rightalign .e-headercelldiv {
+  padding: 0 5px 0 20px;
+}
 .e-grid .e-sortfilterdiv {
   float: right;
   height: 16px;
@@ -2006,10 +2009,10 @@
 }
 .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
 .e-grid .e-gridheader .e-stackedheadercelldiv {
-  padding: 0 20px 0 5px;
+  padding: 0 9px 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;
@@ -2072,7 +2075,7 @@
 }
 .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
   float: left;
-  margin: 2px 8px 0 8px;
+  margin: 2px 8px 0 0;
 }
 .e-grid .e-gridheader .e-rightalign .e-sortnumber {
   float: left;
@@ -2998,7 +3001,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: 2px -2px 0 0;
+  margin: 2px -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: -10px;
@@ -3008,7 +3011,7 @@
   margin: -31px 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/fluent.css

@@ -523,7 +523,7 @@
 }
 .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortnumber,
 .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortnumber {
-  margin: 2px 1px 1px 2px;
+  margin: 2px 7px 1px 2px;
 }
 .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 {
@@ -541,7 +541,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: 2px 4px 0 -2px;
+  margin: 2px 4px 0 -5px;
 }
 .e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
 .e-grid.e-bigger .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv {
@@ -701,7 +701,7 @@
   font-size: 9px;
   height: 18px;
   line-height: 16px;
-  margin: 2px 1px 1px 2px;
+  margin: 2px 7px 1px 2px;
   width: 18px;
   font-size: 14px;
 }
@@ -733,7 +733,7 @@
 .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: 2px 0 0 8px;
+  margin: 2px 0 0 11px;
 }
 .e-bigger .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv,
 .e-grid.e-bigger.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
@@ -1634,7 +1634,7 @@
   font-weight: 600;
   height: 22px;
   line-height: 22px;
-  padding: 0 0.4em;
+  padding: 0 1.8em 0 0.4em;
   margin: -5px;
   overflow: hidden;
   text-align: left;
@@ -1977,6 +1977,9 @@
 .e-grid .e-groupdroparea.e-hover {
   padding-bottom: 13px;
 }
+.e-grid.e-rtl .e-sortfilter .e-rightalign .e-headercelldiv {
+  padding: 0 5px 0 20px;
+}
 .e-grid .e-sortfilterdiv {
   float: right;
   height: 16px;
@@ -2006,10 +2009,10 @@
 }
 .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
 .e-grid .e-gridheader .e-stackedheadercelldiv {
-  padding: 0 20px 0 5px;
+  padding: 0 9px 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;
@@ -2072,7 +2075,7 @@
 }
 .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
   float: left;
-  margin: 2px 8px 0 8px;
+  margin: 2px 8px 0 0;
 }
 .e-grid .e-gridheader .e-rightalign .e-sortnumber {
   float: left;
@@ -2998,7 +3001,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: 2px -2px 0 0;
+  margin: 2px -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: -10px;
@@ -3008,7 +3011,7 @@
   margin: -31px 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/fluent2.css

@@ -1750,7 +1750,7 @@
 }
 .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortnumber,
 .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortnumber {
-  margin: 2px 2px 0 6px;
+  margin: 2px 7px 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 {
@@ -1768,7 +1768,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: 2px 6px 0 2px;
+  margin: 2px 6px 0 0;
 }
 .e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
 .e-grid.e-bigger .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv {
@@ -1934,7 +1934,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: 2px 4px 0 4px;
+  margin: 2px 4px 0 17px;
 }
 .e-bigger .e-grid.e-rtl .e-headercell .e-sortfilterdiv,
 .e-bigger .e-grid.e-rtl .e-detailheadercell .e-sortfilterdiv,
@@ -1960,7 +1960,7 @@
 .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: 2px 0 0 5px;
+  margin: 2px 0 0 17px;
 }
 .e-bigger .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv,
 .e-grid.e-bigger.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
@@ -2859,7 +2859,7 @@
   font-weight: 400;
   height: 20px;
   line-height: 20px;
-  padding: 0 0.4em;
+  padding: 0 1.5em 0 0.4em;
   margin: -5px;
   overflow: hidden;
   text-align: left;
@@ -3210,6 +3210,9 @@
   overflow: hidden;
   vertical-align: middle;
 }
+.e-grid.e-rtl .e-sortfilter .e-rightalign .e-headercelldiv {
+  padding: 0 5px 0 20px;
+}
 .e-grid .e-sortfilterdiv {
   float: right;
   height: 20px;
@@ -3239,10 +3242,10 @@
 }
 .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
 .e-grid .e-gridheader .e-stackedheadercelldiv {
-  padding: 0 18px 0 5px;
+  padding: 0 9px 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;
@@ -3303,11 +3306,11 @@
   width: 16px;
 }
 .e-grid .e-gridheader .e-fltr-icon .e-sortnumber {
-  margin: 2px 0 0 4px;
+  margin: 2px 4px 0 4px;
 }
 .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
   float: left;
-  margin: 2px 4px 0 2px;
+  margin: 2px 4px 0 0;
 }
 .e-grid .e-gridheader .e-rightalign .e-sortnumber {
   float: left;
@@ -4206,19 +4209,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 1.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: 2px 0 0 -15px;
+  margin: 2px 0 0 19px;
 }
 .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 1.2em;
   text-align: right;
 }
 .e-grid.e-rtl .e-headercell .e-headercelldiv .e-sortnumber,
@@ -4248,7 +4251,7 @@
   margin: -14px -5px;
 }
 .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;
@@ -4256,7 +4259,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: 2px 0 0 -14px;
+  margin: 2px 0 0 19px;
 }
 .e-grid.e-rtl .e-headercell.e-rightalign .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-sortnumber {
   float: left;
@@ -4283,10 +4286,10 @@
   margin: -21px 9px -30px -6px;
 }
 .e-grid.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -13px 4px -13px 15px;
+  margin: -13px 4px -13px 12px;
 }
 .e-grid.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
-  margin: -13px 4px -13px 15px;
+  margin: -13px 4px -13px 12px;
 }
 .e-grid.e-rtl .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv {
   margin: -5px -5px -5px -5px;