@syncfusion/ej2-react-grids 20.2.38 → 20.2.39

package/CHANGELOG.md

@@ -6,6 +6,23 @@
 
 #### Bug Fixes
 
+- `#I377182` - DOM leak with Group Caption Template issue has been fixed.
+- `#I388087` - Grid navigation with TAB stops working when the `isFrozen` is enabled issue has been fixed.
+- `#F173914` - Inside template function state value is not updated issue has been fixed.
+- `#I387341` - Increase in Row Height when editing enabled has been fixed.
+- `#F175548` - The `dataStateChange` event triggering at initial grid rendering has been fixed.
+- `#I389565` - `cssClass` property is not updated dynamically is fixed.
+- `#I385208` - Wrong row drop index when dropped in external grid has been fixed.
+- `#I386683` - `disableHtmlEncode` property is not working in Excel Filter is fixed.
+- `#I376845` - Memory leak issue on command column has been fixed.
+- `#F175044` - Image is not rendered in Multiple Grid Excel Export issue has been fixed.
+
+## 20.2.38 (2022-07-12)
+
+### Grid
+
+#### Bug Fixes
+
 - `#I376131` - when cell containing the checkbox is double clicked the next cell content gets highlighted issue has been fixed.
 - `#I385933` - Custom format on number column is not working properly in Grid pdf export issue has been fixed.
 - `#FB35672` - Empty grid in batch edit mode throws script error has been fixed.

package/dist/ej2-react-grids.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-grids.umd.min.js
-*  version : 20.2.38
+*  version : 20.2.39
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-react-grids@*",
-  "_id": "@syncfusion/ej2-react-grids@20.2.36",
+  "_id": "@syncfusion/ej2-react-grids@20.2.38",
   "_inBundle": false,
-  "_integrity": "sha512-muXjMooRctSbl8i7CE6frrXJg27HXuPRvJfWcnxqBlUx7CTZcG7RZQz8gMyj+a9cME+HeAtu6+Z73nFpsh9Qdw==",
+  "_integrity": "sha512-YPojmcKz8bCM1nRvrpcjRS6t1fX73aWSPjtFFg8UJhgy4E3dkqMTKI6VxwLVwl+IogDoxEwAI4ZCrWvcfPqRrA==",
   "_location": "/@syncfusion/ej2-react-grids",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-grids/-/ej2-react-grids-20.2.36.tgz",
-  "_shasum": "9983951cfb2dad67eda1e3381bfb955777f9ffc0",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-grids/-/ej2-react-grids-20.2.38.tgz",
+  "_shasum": "f7ab72f9fb30a15d821140fb1115cb7ca53d2d17",
   "_spec": "@syncfusion/ej2-react-grids@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -32,7 +32,7 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~20.2.38",
-    "@syncfusion/ej2-grids": "20.2.38",
+    "@syncfusion/ej2-grids": "20.2.39",
     "@syncfusion/ej2-react-base": "~20.2.38"
   },
   "deprecated": false,
@@ -65,6 +65,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "version": "20.2.38",
+  "version": "20.2.39",
   "sideEffects": false
 }

package/styles/bootstrap-dark.css

@@ -2504,16 +2504,16 @@ li.e-separator.e-menu-item.e-excel-separator {
 .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;
@@ -2640,10 +2640,14 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .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 {
@@ -3484,7 +3488,6 @@ 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: 10px;
-  margin-top: -1.5px;
 }
 .e-bigger .e-grid .e-gridheader thead .e-icons,
 .e-bigger.e-grid .e-gridheader thead .e-icons {

package/styles/bootstrap.css

@@ -2505,16 +2505,16 @@ li.e-separator.e-menu-item.e-excel-separator {
 .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;
@@ -2641,10 +2641,14 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .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 {
@@ -3485,7 +3489,6 @@ 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: 10px;
-  margin-top: -1.5px;
 }
 .e-bigger .e-grid .e-gridheader thead .e-icons,
 .e-bigger.e-grid .e-gridheader thead .e-icons {

package/styles/bootstrap4.css

@@ -2558,16 +2558,16 @@ li.e-separator.e-menu-item.e-excel-separator {
 .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;
@@ -2696,10 +2696,14 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .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 {
@@ -3541,7 +3545,6 @@ 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: 12px;
-  margin-top: 0;
 }
 .e-bigger .e-grid .e-gridheader thead .e-icons,
 .e-bigger.e-grid .e-gridheader thead .e-icons {

package/styles/bootstrap5-dark.css

@@ -2703,10 +2703,14 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .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 {
@@ -3547,7 +3551,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 {

package/styles/bootstrap5.css

@@ -2703,10 +2703,14 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .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 {
@@ -3547,7 +3551,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 {

package/styles/fabric-dark.css

@@ -2478,16 +2478,16 @@ li.e-separator.e-menu-item.e-excel-separator {
 .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;
@@ -2614,10 +2614,14 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .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 {
@@ -3458,7 +3462,6 @@ 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: 8px;
-  margin-top: 0;
 }
 .e-bigger .e-grid .e-gridheader thead .e-icons,
 .e-bigger.e-grid .e-gridheader thead .e-icons {

package/styles/fabric.css

@@ -2471,16 +2471,16 @@ li.e-separator.e-menu-item.e-excel-separator {
 .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;
@@ -2607,10 +2607,14 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .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 {
@@ -3451,7 +3455,6 @@ 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: 8px;
-  margin-top: 0;
 }
 .e-bigger .e-grid .e-gridheader thead .e-icons,
 .e-bigger.e-grid .e-gridheader thead .e-icons {

package/styles/fluent-dark.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 {
@@ -3519,7 +3523,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 +3568,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 {

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 {
@@ -3519,7 +3523,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 +3568,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 {

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 {
@@ -3074,7 +3078,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 {

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 {
@@ -3075,7 +3079,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 {

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 {
@@ -3123,7 +3127,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 {

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 {
@@ -3134,7 +3138,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 {

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 {
@@ -3134,7 +3138,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 {

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 {
@@ -3048,7 +3052,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 {

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 {
@@ -3041,7 +3045,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 {

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 {
@@ -3106,7 +3110,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 +3155,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 {

package/styles/grid/fluent.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 {
@@ -3106,7 +3110,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 +3155,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 {

package/styles/grid/highcontrast-light.css

@@ -2201,10 +2201,14 @@
 }
 .e-grid .e-icon-gdownarrow {
   font-size: 12px;
+  padding: 16px 9px 13px 8px;
+  text-decoration: none;
   text-indent: 8px;
 }
 .e-grid .e-icon-grightarrow {
   font-size: 12px;
+  padding: 15px 9px 15px 8px;
+  text-decoration: none;
   text-indent: 8px;
 }
 .e-grid .e-recordplusexpand {
@@ -3045,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 {

package/styles/grid/highcontrast.css

@@ -2065,16 +2065,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: -5px;
   position: absolute;
   z-index: 10;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
-  margin-top: 0;
+  margin-top: -5px;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
-  margin-top: 0;
+  margin-top: 4px;
 }
 .e-grid td.e-active {
   font-weight: normal;
@@ -2201,10 +2201,14 @@
 }
 .e-grid .e-icon-gdownarrow {
   font-size: 12px;
+  padding: 16px 9px 13px 8px;
+  text-decoration: none;
   text-indent: 8px;
 }
 .e-grid .e-icon-grightarrow {
   font-size: 12px;
+  padding: 15px 9px 15px 8px;
+  text-decoration: none;
   text-indent: 8px;
 }
 .e-grid .e-recordplusexpand {
@@ -3045,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 {

package/styles/grid/material-dark.css

@@ -2109,16 +2109,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: -1px;
+  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: 4.5px;
 }
 .e-grid td.e-active {
   font-weight: normal;
@@ -2245,10 +2245,14 @@
 }
 .e-grid .e-icon-gdownarrow {
   font-size: 11px;
+  padding: 14px 9px 12px 9px;
+  text-decoration: none;
   text-indent: 12px;
 }
 .e-grid .e-icon-grightarrow {
   font-size: 10px;
+  padding: 14px 9px 14px 10px;
+  text-decoration: none;
   text-indent: 12px;
 }
 .e-grid .e-recordplusexpand {
@@ -3089,7 +3093,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 {

package/styles/grid/material.css

@@ -2143,16 +2143,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: -1px;
+  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: 4.5px;
 }
 .e-grid td.e-active {
   font-weight: normal;
@@ -2279,10 +2279,14 @@
 }
 .e-grid .e-icon-gdownarrow {
   font-size: 11px;
+  padding: 14px 9px 12px 9px;
+  text-decoration: none;
   text-indent: 12px;
 }
 .e-grid .e-icon-grightarrow {
   font-size: 10px;
+  padding: 14px 9px 14px 10px;
+  text-decoration: none;
   text-indent: 12px;
 }
 .e-grid .e-recordplusexpand {
@@ -3123,7 +3127,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 {

package/styles/grid/tailwind-dark.css

@@ -2310,10 +2310,14 @@
 }
 .e-grid .e-icon-gdownarrow {
   font-size: 14px;
+  padding: 11px 8px 10px 8px;
+  text-decoration: none;
   text-indent: 11px;
 }
 .e-grid .e-icon-grightarrow {
   font-size: 14px;
+  padding: 10px 8px 12px 8px;
+  text-decoration: none;
   text-indent: 11px;
 }
 .e-grid .e-recordplusexpand {
@@ -3159,7 +3163,6 @@
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   font-size: 18px;
-  margin-top: -11px;
 }
 .e-bigger .e-grid .e-gridheader thead .e-icons,
 .e-bigger.e-grid .e-gridheader thead .e-icons {

package/styles/grid/tailwind.css

@@ -2310,10 +2310,14 @@
 }
 .e-grid .e-icon-gdownarrow {
   font-size: 14px;
+  padding: 11px 8px 10px 8px;
+  text-decoration: none;
   text-indent: 11px;
 }
 .e-grid .e-icon-grightarrow {
   font-size: 14px;
+  padding: 10px 8px 12px 8px;
+  text-decoration: none;
   text-indent: 11px;
 }
 .e-grid .e-recordplusexpand {
@@ -3159,7 +3163,6 @@
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   font-size: 18px;
-  margin-top: -11px;
 }
 .e-bigger .e-grid .e-gridheader thead .e-icons,
 .e-bigger.e-grid .e-gridheader thead .e-icons {

package/styles/highcontrast-light.css

@@ -2611,10 +2611,14 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-icon-gdownarrow {
   font-size: 12px;
+  padding: 16px 9px 13px 8px;
+  text-decoration: none;
   text-indent: 8px;
 }
 .e-grid .e-icon-grightarrow {
   font-size: 12px;
+  padding: 15px 9px 15px 8px;
+  text-decoration: none;
   text-indent: 8px;
 }
 .e-grid .e-recordplusexpand {
@@ -3455,7 +3459,6 @@ 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: 8px;
-  margin-top: 0;
 }
 .e-bigger .e-grid .e-gridheader thead .e-icons,
 .e-bigger.e-grid .e-gridheader thead .e-icons {

package/styles/highcontrast.css

@@ -2475,16 +2475,16 @@ li.e-separator.e-menu-item.e-excel-separator {
 .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: -5px;
   position: absolute;
   z-index: 10;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
-  margin-top: 0;
+  margin-top: -5px;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
-  margin-top: 0;
+  margin-top: 4px;
 }
 .e-grid td.e-active {
   font-weight: normal;
@@ -2611,10 +2611,14 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-icon-gdownarrow {
   font-size: 12px;
+  padding: 16px 9px 13px 8px;
+  text-decoration: none;
   text-indent: 8px;
 }
 .e-grid .e-icon-grightarrow {
   font-size: 12px;
+  padding: 15px 9px 15px 8px;
+  text-decoration: none;
   text-indent: 8px;
 }
 .e-grid .e-recordplusexpand {
@@ -3455,7 +3459,6 @@ 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: 8px;
-  margin-top: 0;
 }
 .e-bigger .e-grid .e-gridheader thead .e-icons,
 .e-bigger.e-grid .e-gridheader thead .e-icons {

package/styles/material-dark.css

@@ -2525,16 +2525,16 @@ li.e-separator.e-menu-item.e-excel-separator {
 .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: -1px;
+  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: 4.5px;
 }
 .e-grid td.e-active {
   font-weight: normal;
@@ -2661,10 +2661,14 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-icon-gdownarrow {
   font-size: 11px;
+  padding: 14px 9px 12px 9px;
+  text-decoration: none;
   text-indent: 12px;
 }
 .e-grid .e-icon-grightarrow {
   font-size: 10px;
+  padding: 14px 9px 14px 10px;
+  text-decoration: none;
   text-indent: 12px;
 }
 .e-grid .e-recordplusexpand {
@@ -3505,7 +3509,6 @@ 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: 8px;
-  margin-top: 0;
 }
 .e-bigger .e-grid .e-gridheader thead .e-icons,
 .e-bigger.e-grid .e-gridheader thead .e-icons {

package/styles/material.css

@@ -2567,16 +2567,16 @@ li.e-separator.e-menu-item.e-excel-separator {
 .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: -1px;
+  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: 4.5px;
 }
 .e-grid td.e-active {
   font-weight: normal;
@@ -2703,10 +2703,14 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-icon-gdownarrow {
   font-size: 11px;
+  padding: 14px 9px 12px 9px;
+  text-decoration: none;
   text-indent: 12px;
 }
 .e-grid .e-icon-grightarrow {
   font-size: 10px;
+  padding: 14px 9px 14px 10px;
+  text-decoration: none;
   text-indent: 12px;
 }
 .e-grid .e-recordplusexpand {
@@ -3547,7 +3551,6 @@ 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: 8px;
-  margin-top: 0;
 }
 .e-bigger .e-grid .e-gridheader thead .e-icons,
 .e-bigger.e-grid .e-gridheader thead .e-icons {

package/styles/tailwind-dark.css

@@ -2724,10 +2724,14 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-icon-gdownarrow {
   font-size: 14px;
+  padding: 11px 8px 10px 8px;
+  text-decoration: none;
   text-indent: 11px;
 }
 .e-grid .e-icon-grightarrow {
   font-size: 14px;
+  padding: 10px 8px 12px 8px;
+  text-decoration: none;
   text-indent: 11px;
 }
 .e-grid .e-recordplusexpand {
@@ -3573,7 +3577,6 @@ 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: 18px;
-  margin-top: -11px;
 }
 .e-bigger .e-grid .e-gridheader thead .e-icons,
 .e-bigger.e-grid .e-gridheader thead .e-icons {

package/styles/tailwind.css

@@ -2724,10 +2724,14 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-icon-gdownarrow {
   font-size: 14px;
+  padding: 11px 8px 10px 8px;
+  text-decoration: none;
   text-indent: 11px;
 }
 .e-grid .e-icon-grightarrow {
   font-size: 14px;
+  padding: 10px 8px 12px 8px;
+  text-decoration: none;
   text-indent: 11px;
 }
 .e-grid .e-recordplusexpand {
@@ -3573,7 +3577,6 @@ 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: 18px;
-  margin-top: -11px;
 }
 .e-bigger .e-grid .e-gridheader thead .e-icons,
 .e-bigger.e-grid .e-gridheader thead .e-icons {