@syncfusion/ej2-react-grids 20.2.38 → 20.2.43

package/styles/fluent.css

@@ -2581,15 +2581,15 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   font-size: 10px;
   margin-left: -2px;
-  margin-top: -1.4px;
+  margin-top: -6.5px;
   position: absolute;
   z-index: 10;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
-  margin-top: -1.4px;
+  margin-top: -6.5px;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
-  margin-top: -1.4px;
+  margin-top: 4.5px;
 }
 .e-grid td.e-active {
   font-weight: 400;
@@ -2719,10 +2719,14 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-icon-gdownarrow {
   font-size: 16px;
+  padding: 9px 7px 9px 7px;
+  text-decoration: none;
   text-indent: 11px;
 }
 .e-grid .e-icon-grightarrow {
   font-size: 16px;
+  padding: 8px 7px 11px 7px;
+  text-decoration: none;
   text-indent: 11px;
 }
 .e-grid .e-recordplusexpand {
@@ -3408,14 +3412,11 @@ li.e-separator.e-menu-item.e-excel-separator {
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.e-grid .e-stackedheader .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-stackedheader .e-columnheader.e-wrap .e-stackedheadercelldiv {
-  max-height: 36px;
-}
 .e-grid .e-columnheader.e-wrap .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-sortfilterdiv {
-  margin: -30px 10px;
+  margin: -34px 5px;
 }
 .e-grid .e-columnheader.e-wrap .e-rightalign .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-rightalign .e-sortfilterdiv {
-  margin: -30px -5px;
+  margin: -34px -5px;
 }
 .e-grid .e-columnheader.e-wrap .e-fltr-icon .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-fltr-icon .e-sortfilterdiv {
   margin: -28px -4px 0 16px;
@@ -3519,7 +3520,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-top: 0;
 }
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
-  margin-top: -1.4px;
+  margin-top: 0;
 }
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
@@ -3564,7 +3565,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   font-size: 14px;
-  margin-top: -3.7px;
+}
+.e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
+.e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: -9px;
 }
 .e-bigger .e-grid .e-gridheader thead .e-icons,
 .e-bigger.e-grid .e-gridheader thead .e-icons {
@@ -4323,6 +4327,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   background-color: #f3f2f1;
   color: #201f1e;
 }
+.e-grid.e-disable-gridhover tr[role=row]:not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-disable-gridhover tr[role=row]:not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-disable-gridhover tr[role=row]:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-disable-gridhover tr[role=row]:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-disable-gridhover tr[role=row]:not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
+  background-color: transparent;
+}
 .e-grid tr[role=row]:hover .e-rowdragdrop {
   cursor: move;
 }

package/styles/grid/bootstrap-dark.css

@@ -2094,16 +2094,16 @@
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   font-size: 10px;
-  margin-left: 0;
-  margin-top: -1.5px;
+  margin-left: -2.5px;
+  margin-top: -6.5px;
   position: absolute;
   z-index: 10;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
-  margin-top: -1.5px;
+  margin-top: -6.5px;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
-  margin-top: -1.5px;
+  margin-top: 4px;
 }
 .e-grid td.e-active {
   font-weight: normal;
@@ -2230,10 +2230,14 @@
 }
 .e-grid .e-icon-gdownarrow {
   font-size: 10px;
+  padding: 13px 9px 11px 10px;
+  text-decoration: none;
   text-indent: 11px;
 }
 .e-grid .e-icon-grightarrow {
   font-size: 10px;
+  padding: 12px 9px 12px 10px;
+  text-decoration: none;
   text-indent: 11px;
 }
 .e-grid .e-recordplusexpand {
@@ -2918,9 +2922,6 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.e-grid .e-stackedheader .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-stackedheader .e-columnheader.e-wrap .e-stackedheadercelldiv {
-  max-height: 36px;
-}
 .e-grid .e-columnheader.e-wrap .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-sortfilterdiv {
   margin: -30px 10px;
 }
@@ -3074,7 +3075,6 @@
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   font-size: 10px;
-  margin-top: -1.5px;
 }
 .e-bigger .e-grid .e-gridheader thead .e-icons,
 .e-bigger.e-grid .e-gridheader thead .e-icons {
@@ -3823,6 +3823,9 @@
   background-color: #393939;
   color: #f0f0f0;
 }
+.e-grid.e-disable-gridhover tr[role=row]:not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-disable-gridhover tr[role=row]:not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-disable-gridhover tr[role=row]:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-disable-gridhover tr[role=row]:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-disable-gridhover tr[role=row]:not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
+  background-color: transparent;
+}
 .e-grid tr[role=row]:hover .e-rowdragdrop {
   cursor: move;
 }

package/styles/grid/bootstrap.css

@@ -2095,16 +2095,16 @@
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   font-size: 10px;
-  margin-left: 0;
-  margin-top: -1.5px;
+  margin-left: -2.5px;
+  margin-top: -6.5px;
   position: absolute;
   z-index: 10;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
-  margin-top: -1.5px;
+  margin-top: -6.5px;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
-  margin-top: -1.5px;
+  margin-top: 4px;
 }
 .e-grid td.e-active {
   font-weight: normal;
@@ -2231,10 +2231,14 @@
 }
 .e-grid .e-icon-gdownarrow {
   font-size: 10px;
+  padding: 13px 9px 11px 10px;
+  text-decoration: none;
   text-indent: 11px;
 }
 .e-grid .e-icon-grightarrow {
   font-size: 10px;
+  padding: 12px 9px 12px 10px;
+  text-decoration: none;
   text-indent: 11px;
 }
 .e-grid .e-recordplusexpand {
@@ -2919,9 +2923,6 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.e-grid .e-stackedheader .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-stackedheader .e-columnheader.e-wrap .e-stackedheadercelldiv {
-  max-height: 36px;
-}
 .e-grid .e-columnheader.e-wrap .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-sortfilterdiv {
   margin: -30px 10px;
 }
@@ -3075,7 +3076,6 @@
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   font-size: 10px;
-  margin-top: -1.5px;
 }
 .e-bigger .e-grid .e-gridheader thead .e-icons,
 .e-bigger.e-grid .e-gridheader thead .e-icons {
@@ -3824,6 +3824,9 @@
   background-color: #f5f5f5;
   color: #333;
 }
+.e-grid.e-disable-gridhover tr[role=row]:not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-disable-gridhover tr[role=row]:not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-disable-gridhover tr[role=row]:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-disable-gridhover tr[role=row]:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-disable-gridhover tr[role=row]:not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
+  background-color: transparent;
+}
 .e-grid tr[role=row]:hover .e-rowdragdrop {
   cursor: move;
 }

package/styles/grid/bootstrap4.css

@@ -2140,16 +2140,16 @@
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   font-size: 12px;
-  margin-left: 0;
-  margin-top: 0;
+  margin-left: -3.5px;
+  margin-top: -7.5px;
   position: absolute;
   z-index: 10;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
-  margin-top: 0;
+  margin-top: -7.5px;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
-  margin-top: 0;
+  margin-top: 2.5px;
 }
 .e-grid td.e-active {
   font-weight: normal;
@@ -2278,10 +2278,14 @@
 }
 .e-grid .e-icon-gdownarrow {
   font-size: 10px;
+  padding: 13px 9px 11px 10px;
+  text-decoration: none;
   text-indent: 11px;
 }
 .e-grid .e-icon-grightarrow {
   font-size: 10px;
+  padding: 12px 9px 12px 10px;
+  text-decoration: none;
   text-indent: 11px;
 }
 .e-grid .e-recordplusexpand {
@@ -2967,14 +2971,11 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.e-grid .e-stackedheader .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-stackedheader .e-columnheader.e-wrap .e-stackedheadercelldiv {
-  max-height: 36px;
-}
 .e-grid .e-columnheader.e-wrap .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-sortfilterdiv {
-  margin: -30px 10px;
+  margin: -34px 3px;
 }
 .e-grid .e-columnheader.e-wrap .e-rightalign .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-rightalign .e-sortfilterdiv {
-  margin: -30px -5px;
+  margin: -34px -5px;
 }
 .e-grid .e-columnheader.e-wrap .e-fltr-icon .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-fltr-icon .e-sortfilterdiv {
   margin: -27px 20px -29px 0;
@@ -3123,7 +3124,6 @@
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   font-size: 12px;
-  margin-top: 0;
 }
 .e-bigger .e-grid .e-gridheader thead .e-icons,
 .e-bigger.e-grid .e-gridheader thead .e-icons {
@@ -3872,6 +3872,9 @@
   background-color: rgba(0, 0, 0, 0.08);
   color: #212529;
 }
+.e-grid.e-disable-gridhover tr[role=row]:not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-disable-gridhover tr[role=row]:not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-disable-gridhover tr[role=row]:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-disable-gridhover tr[role=row]:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-disable-gridhover tr[role=row]:not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
+  background-color: transparent;
+}
 .e-grid tr[role=row]:hover .e-rowdragdrop {
   cursor: move;
 }

package/styles/grid/bootstrap5-dark.css

@@ -2290,10 +2290,14 @@
 }
 .e-grid .e-icon-gdownarrow {
   font-size: 14px;
+  padding: 12px 7px 11px 8px;
+  text-decoration: none;
   text-indent: 11px;
 }
 .e-grid .e-icon-grightarrow {
   font-size: 14px;
+  padding: 11px 7px 12px 8px;
+  text-decoration: none;
   text-indent: 11px;
 }
 .e-grid .e-recordplusexpand {
@@ -2978,20 +2982,17 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.e-grid .e-stackedheader .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-stackedheader .e-columnheader.e-wrap .e-stackedheadercelldiv {
-  max-height: 36px;
-}
 .e-grid .e-columnheader.e-wrap .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-sortfilterdiv {
-  margin: -30px 10px;
+  margin: -20px 3px;
 }
 .e-grid .e-columnheader.e-wrap .e-rightalign .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-rightalign .e-sortfilterdiv {
-  margin: -30px -5px;
+  margin: -20px -5px;
 }
 .e-grid .e-columnheader.e-wrap .e-fltr-icon .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -27px 20px -29px 0;
+  margin: -14px 20px -29px 0;
 }
 .e-grid .e-columnheader.e-wrap .e-fltr-icon.e-rightalign .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-fltr-icon.e-rightalign .e-sortfilterdiv {
-  margin: -28px 0;
+  margin: -14px 0;
 }
 .e-grid .e-columnheader.e-wrap .e-icon-group::before, .e-grid.e-wrap .e-columnheader .e-icon-group::before {
   display: inline-block;
@@ -3134,7 +3135,10 @@
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   font-size: 14px;
-  margin-top: -3.7px;
+}
+.e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
+.e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: -9px;
 }
 .e-bigger .e-grid .e-gridheader thead .e-icons,
 .e-bigger.e-grid .e-gridheader thead .e-icons {
@@ -3893,6 +3897,9 @@
   background-color: #31373d;
   color: #fff;
 }
+.e-grid.e-disable-gridhover tr[role=row]:not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-disable-gridhover tr[role=row]:not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-disable-gridhover tr[role=row]:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-disable-gridhover tr[role=row]:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-disable-gridhover tr[role=row]:not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
+  background-color: transparent;
+}
 .e-grid tr[role=row]:hover .e-rowdragdrop {
   cursor: move;
 }

package/styles/grid/bootstrap5.css

@@ -2290,10 +2290,14 @@
 }
 .e-grid .e-icon-gdownarrow {
   font-size: 14px;
+  padding: 12px 7px 11px 8px;
+  text-decoration: none;
   text-indent: 11px;
 }
 .e-grid .e-icon-grightarrow {
   font-size: 14px;
+  padding: 11px 7px 12px 8px;
+  text-decoration: none;
   text-indent: 11px;
 }
 .e-grid .e-recordplusexpand {
@@ -2978,20 +2982,17 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.e-grid .e-stackedheader .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-stackedheader .e-columnheader.e-wrap .e-stackedheadercelldiv {
-  max-height: 36px;
-}
 .e-grid .e-columnheader.e-wrap .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-sortfilterdiv {
-  margin: -30px 10px;
+  margin: -20px 3px;
 }
 .e-grid .e-columnheader.e-wrap .e-rightalign .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-rightalign .e-sortfilterdiv {
-  margin: -30px -5px;
+  margin: -20px -5px;
 }
 .e-grid .e-columnheader.e-wrap .e-fltr-icon .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -27px 20px -29px 0;
+  margin: -14px 20px -29px 0;
 }
 .e-grid .e-columnheader.e-wrap .e-fltr-icon.e-rightalign .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-fltr-icon.e-rightalign .e-sortfilterdiv {
-  margin: -28px 0;
+  margin: -14px 0;
 }
 .e-grid .e-columnheader.e-wrap .e-icon-group::before, .e-grid.e-wrap .e-columnheader .e-icon-group::before {
   display: inline-block;
@@ -3134,7 +3135,10 @@
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   font-size: 14px;
-  margin-top: -3.7px;
+}
+.e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
+.e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: -9px;
 }
 .e-bigger .e-grid .e-gridheader thead .e-icons,
 .e-bigger.e-grid .e-gridheader thead .e-icons {
@@ -3893,6 +3897,9 @@
   background-color: #eff1f4;
   color: #212529;
 }
+.e-grid.e-disable-gridhover tr[role=row]:not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-disable-gridhover tr[role=row]:not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-disable-gridhover tr[role=row]:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-disable-gridhover tr[role=row]:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-disable-gridhover tr[role=row]:not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
+  background-color: transparent;
+}
 .e-grid tr[role=row]:hover .e-rowdragdrop {
   cursor: move;
 }

package/styles/grid/fabric-dark.css

@@ -2068,16 +2068,16 @@
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   font-size: 8px;
-  margin-left: 0;
-  margin-top: 0;
+  margin-left: -1.5px;
+  margin-top: -4.5px;
   position: absolute;
   z-index: 10;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
-  margin-top: 0;
+  margin-top: -4.5px;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
-  margin-top: 0;
+  margin-top: 4px;
 }
 .e-grid td.e-active {
   font-weight: normal;
@@ -2204,10 +2204,14 @@
 }
 .e-grid .e-icon-gdownarrow {
   font-size: 12px;
+  padding: 16px 8px 13px 9px;
+  text-decoration: none;
   text-indent: 8px;
 }
 .e-grid .e-icon-grightarrow {
   font-size: 12px;
+  padding: 14px 9px 15px 9px;
+  text-decoration: none;
   text-indent: 8px;
 }
 .e-grid .e-recordplusexpand {
@@ -2892,9 +2896,6 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.e-grid .e-stackedheader .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-stackedheader .e-columnheader.e-wrap .e-stackedheadercelldiv {
-  max-height: 36px;
-}
 .e-grid .e-columnheader.e-wrap .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-sortfilterdiv {
   margin: -17px 11px 0 0;
 }
@@ -3048,7 +3049,6 @@
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   font-size: 8px;
-  margin-top: 0;
 }
 .e-bigger .e-grid .e-gridheader thead .e-icons,
 .e-bigger.e-grid .e-gridheader thead .e-icons {
@@ -3797,6 +3797,9 @@
   background-color: #414040;
   color: #fff;
 }
+.e-grid.e-disable-gridhover tr[role=row]:not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-disable-gridhover tr[role=row]:not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-disable-gridhover tr[role=row]:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-disable-gridhover tr[role=row]:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-disable-gridhover tr[role=row]:not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
+  background-color: transparent;
+}
 .e-grid tr[role=row]:hover .e-rowdragdrop {
   cursor: move;
 }

package/styles/grid/fabric.css

@@ -2061,16 +2061,16 @@
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   font-size: 8px;
-  margin-left: 0;
-  margin-top: 0;
+  margin-left: -1.5px;
+  margin-top: -4.5px;
   position: absolute;
   z-index: 10;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
-  margin-top: 0;
+  margin-top: -4.5px;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
-  margin-top: 0;
+  margin-top: 4px;
 }
 .e-grid td.e-active {
   font-weight: normal;
@@ -2197,10 +2197,14 @@
 }
 .e-grid .e-icon-gdownarrow {
   font-size: 12px;
+  padding: 16px 8px 13px 9px;
+  text-decoration: none;
   text-indent: 8px;
 }
 .e-grid .e-icon-grightarrow {
   font-size: 12px;
+  padding: 14px 9px 15px 9px;
+  text-decoration: none;
   text-indent: 8px;
 }
 .e-grid .e-recordplusexpand {
@@ -2885,9 +2889,6 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.e-grid .e-stackedheader .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-stackedheader .e-columnheader.e-wrap .e-stackedheadercelldiv {
-  max-height: 36px;
-}
 .e-grid .e-columnheader.e-wrap .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-sortfilterdiv {
   margin: -17px 11px 0 0;
 }
@@ -3041,7 +3042,6 @@
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   font-size: 8px;
-  margin-top: 0;
 }
 .e-bigger .e-grid .e-gridheader thead .e-icons,
 .e-bigger.e-grid .e-gridheader thead .e-icons {
@@ -3790,6 +3790,9 @@
   background-color: #f4f4f4;
   color: #333;
 }
+.e-grid.e-disable-gridhover tr[role=row]:not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-disable-gridhover tr[role=row]:not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-disable-gridhover tr[role=row]:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-disable-gridhover tr[role=row]:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-disable-gridhover tr[role=row]:not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
+  background-color: transparent;
+}
 .e-grid tr[role=row]:hover .e-rowdragdrop {
   cursor: move;
 }

package/styles/grid/fluent-dark.css

@@ -2168,15 +2168,15 @@
 .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   font-size: 10px;
   margin-left: -2px;
-  margin-top: -1.4px;
+  margin-top: -6.5px;
   position: absolute;
   z-index: 10;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
-  margin-top: -1.4px;
+  margin-top: -6.5px;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
-  margin-top: -1.4px;
+  margin-top: 4.5px;
 }
 .e-grid td.e-active {
   font-weight: 400;
@@ -2306,10 +2306,14 @@
 }
 .e-grid .e-icon-gdownarrow {
   font-size: 16px;
+  padding: 9px 7px 9px 7px;
+  text-decoration: none;
   text-indent: 11px;
 }
 .e-grid .e-icon-grightarrow {
   font-size: 16px;
+  padding: 8px 7px 11px 7px;
+  text-decoration: none;
   text-indent: 11px;
 }
 .e-grid .e-recordplusexpand {
@@ -2995,14 +2999,11 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.e-grid .e-stackedheader .e-columnheader.e-wrap .e-headercelldiv, .e-grid .e-stackedheader .e-columnheader.e-wrap .e-stackedheadercelldiv {
-  max-height: 36px;
-}
 .e-grid .e-columnheader.e-wrap .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-sortfilterdiv {
-  margin: -30px 10px;
+  margin: -34px 5px;
 }
 .e-grid .e-columnheader.e-wrap .e-rightalign .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-rightalign .e-sortfilterdiv {
-  margin: -30px -5px;
+  margin: -34px -5px;
 }
 .e-grid .e-columnheader.e-wrap .e-fltr-icon .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-fltr-icon .e-sortfilterdiv {
   margin: -28px -4px 0 16px;
@@ -3106,7 +3107,7 @@
   margin-top: 0;
 }
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
-  margin-top: -1.4px;
+  margin-top: 0;
 }
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
@@ -3151,7 +3152,10 @@
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   font-size: 14px;
-  margin-top: -3.7px;
+}
+.e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
+.e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: -9px;
 }
 .e-bigger .e-grid .e-gridheader thead .e-icons,
 .e-bigger.e-grid .e-gridheader thead .e-icons {
@@ -3910,6 +3914,9 @@
   background-color: #252423;
   color: #f3f2f1;
 }
+.e-grid.e-disable-gridhover tr[role=row]:not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-disable-gridhover tr[role=row]:not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-disable-gridhover tr[role=row]:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-disable-gridhover tr[role=row]:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-disable-gridhover tr[role=row]:not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
+  background-color: transparent;
+}
 .e-grid tr[role=row]:hover .e-rowdragdrop {
   cursor: move;
 }