@syncfusion/ej2-angular-grids 20.1.56 → 20.1.59

package/CHANGELOG.md

@@ -6,6 +6,37 @@
 
 #### Bug Fixes
 
+- `#I367001` - Alignment issue while adding new row with frozen grid and `rowDragandDrop` is fixed
+- `#I378140` - Combination of Excel and Menu filter with `foreignkey` column throws script error is fixed
+- `#I377994` - Row selection is not updated properly inside the `rowDeselected` event while performing data actions in grid has been fixed.
+
+## 20.1.58 (2022-05-31)
+
+### Grid
+
+#### Bug Fixes
+
+- `#I357493` - An issue with the grid throws a `NotFoundError` on Unmount in IE11 when using the custom template has been resolved.
+- `#I372485` - Adding new rows in-between with infinite scrolling issue has been fixed.
+- `#I375336` - Scrolling is not working fine with Virtualization Grid when having frozen column has been fixed.
+- `#I374913` - Collapsing Group row is not working properly when cache mode enabled in `InfiniteScrolling` has been fixed.
+
+## 20.1.57 (2022-05-24)
+
+### Grid
+
+#### Bug Fixes
+
+- `#I359884` - Accessibility of Grid component has been improved.
+- `#I376539` - Sorting issue on URL Adaptor `DataManagerRequest` has been fixed.
+- `#I365726` - Image and Text overlap issue in excel image has been fixed.
+
+## 20.1.56 (2022-05-17)
+
+### Grid
+
+#### Bug Fixes
+
 - `#F174681` - Provided support for Column dragging when dynamically enabling the Group drop area.
 - `#I375458` - Column read as draggable after disabling column reorder for Particular column has been fixed.
 - `#I376011` - Styling issue on grouping all the columns in grid is fixed.

package/dist/ej2-angular-grids.umd.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-grids.umd.js
-*  version : 20.1.56
+*  version : 20.1.59
 *  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/dist/ej2-angular-grids.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-grids.umd.min.js
-*  version : 20.1.56
+*  version : 20.1.59
 *  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-angular-grids@*",
-  "_id": "@syncfusion/ej2-angular-grids@20.1.55",
+  "_id": "@syncfusion/ej2-angular-grids@20.1.58",
   "_inBundle": false,
-  "_integrity": "sha512-Box10uVU12BiSZlBC++6Uz8QWCM7b4GFP9KdcUxBzx2UBg2QQQpUBEKFaMpyiBrEQt4sNFYpmn367tcsAmDAYA==",
+  "_integrity": "sha512-V7HGdgTpGPSdfDhcNScZFY9GdCs5QT82b/ROm54z8i+qxIpHZO7IhrOWHz3lgJWXthgPY+iqs8AiVHapLwk5iw==",
   "_location": "/@syncfusion/ej2-angular-grids",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-angular-grids/-/ej2-angular-grids-20.1.55.tgz",
-  "_shasum": "a61d96dcd3a8cf0e0fa103693fc349386fa80b9c",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-angular-grids/-/ej2-angular-grids-20.1.58.tgz",
+  "_shasum": "e79be92d597db80340efb35be9d4ca1cf817afe5",
   "_spec": "@syncfusion/ej2-angular-grids@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -32,8 +32,8 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-angular-base": "~20.1.55",
-    "@syncfusion/ej2-base": "~20.1.56",
-    "@syncfusion/ej2-grids": "20.1.56"
+    "@syncfusion/ej2-base": "~20.1.57",
+    "@syncfusion/ej2-grids": "20.1.59"
   },
   "deprecated": false,
   "description": "Feature-rich JavaScript datagrid (datatable) control with built-in support for editing, filtering, grouping, paging, sorting, and exporting to Excel. for Angular",
@@ -69,5 +69,5 @@
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
   "typings": "ej2-angular-grids.d.ts",
-  "version": "20.1.56"
+  "version": "20.1.59"
 }

package/schematics/ng-add/schema.json

@@ -1,6 +1,6 @@
 {
   "$schema": "http://json-schema.org/schema",
-  "id": "ngAdd",
+  "$id": "ngAdd",
   "title": "Add Essential JS 2 Angular packages",
   "type": "object",
   "properties": {

package/schematics/utils/lib-details.d.ts

@@ -1,4 +1,4 @@
 export declare const pkgName = "@syncfusion/ej2-angular-grids";
-export declare const pkgVer = "^20.1.55";
+export declare const pkgVer = "^20.1.58";
 export declare const moduleName = "GridModule, PagerModule";
-export declare const themeVer = "~20.1.55";
+export declare const themeVer = "~20.1.58";

package/schematics/utils/lib-details.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.pkgName = '@syncfusion/ej2-angular-grids';
-exports.pkgVer = '^20.1.55';
+exports.pkgVer = '^20.1.58';
 exports.moduleName = 'GridModule, PagerModule';
-exports.themeVer = '~20.1.55';
+exports.themeVer = '~20.1.58';

package/schematics/utils/lib-details.ts

@@ -1,4 +1,4 @@
 export const pkgName = '@syncfusion/ej2-angular-grids';
-export const pkgVer = '^20.1.55';
+export const pkgVer = '^20.1.58';
 export const moduleName = 'GridModule, PagerModule';
-export const themeVer = '~20.1.55';
+export const themeVer = '~20.1.58';

package/styles/bootstrap-dark.css

@@ -1566,6 +1566,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 31px;
+  top: 31px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -1775,7 +1776,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 .e-bigger .e-grid .e-groupheadercell,
 .e-bigger .e-grid .e-groupheadercell:hover,
@@ -2597,7 +2598,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #484848;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -4052,6 +4053,12 @@ li.e-separator.e-menu-item.e-excel-separator {
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: -1.5px;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: -1.5px;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/bootstrap.css

@@ -1567,6 +1567,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 31px;
+  top: 31px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -1776,7 +1777,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 .e-bigger .e-grid .e-groupheadercell,
 .e-bigger .e-grid .e-groupheadercell:hover,
@@ -2598,7 +2599,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #ddd;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -4053,6 +4054,12 @@ li.e-separator.e-menu-item.e-excel-separator {
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: -1.5px;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: -1.5px;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/bootstrap4.css

@@ -1616,6 +1616,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 31px;
+  top: 32px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -1825,7 +1826,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 .e-bigger .e-grid .e-groupheadercell,
 .e-bigger .e-grid .e-groupheadercell:hover,
@@ -2647,7 +2648,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #dee2e6;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -4102,6 +4103,12 @@ li.e-separator.e-menu-item.e-excel-separator {
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: -1px;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: -3px;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/bootstrap5-dark.css

@@ -1659,6 +1659,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 21px;
+  top: 23px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -2697,7 +2698,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #444c54;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -4152,6 +4153,12 @@ li.e-separator.e-menu-item.e-excel-separator {
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: 0;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: 0;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/bootstrap5.css

@@ -1659,6 +1659,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 21px;
+  top: 23px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -2697,7 +2698,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #dee2e6;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -4152,6 +4153,12 @@ li.e-separator.e-menu-item.e-excel-separator {
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: 0;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: 0;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/fabric-dark.css

@@ -1542,6 +1542,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 35px;
+  top: 37px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -2573,7 +2574,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #414040;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -4028,6 +4029,12 @@ li.e-separator.e-menu-item.e-excel-separator {
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: 0;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: 0;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/fabric.css

@@ -1535,6 +1535,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 35px;
+  top: 37px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -2566,7 +2567,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #eaeaea;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -4021,6 +4022,12 @@ li.e-separator.e-menu-item.e-excel-separator {
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: 0;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: 0;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/fluent-dark.css

@@ -1605,6 +1605,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 10px;
+  top: 28px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -1836,7 +1837,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 .e-bigger .e-grid .e-groupheadercell,
 .e-bigger .e-grid .e-groupheadercell:hover,
@@ -2661,7 +2662,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #292827;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -4128,6 +4129,12 @@ li.e-separator.e-menu-item.e-excel-separator {
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: 0;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: -1.4px;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/fluent.css

@@ -1605,6 +1605,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 10px;
+  top: 28px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -1836,7 +1837,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 .e-bigger .e-grid .e-groupheadercell,
 .e-bigger .e-grid .e-groupheadercell:hover,
@@ -2661,7 +2662,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #edebe9;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -4128,6 +4129,12 @@ li.e-separator.e-menu-item.e-excel-separator {
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: 0;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: -1.4px;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/grid/bootstrap-dark.css

@@ -473,6 +473,7 @@
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 31px;
+  top: 31px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -682,7 +683,7 @@
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 .e-bigger .e-grid .e-groupheadercell,
 .e-bigger .e-grid .e-groupheadercell:hover,
@@ -1504,7 +1505,7 @@
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #484848;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -2959,6 +2960,12 @@
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: -1.5px;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: -1.5px;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/grid/bootstrap.css

@@ -474,6 +474,7 @@
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 31px;
+  top: 31px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -683,7 +684,7 @@
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 .e-bigger .e-grid .e-groupheadercell,
 .e-bigger .e-grid .e-groupheadercell:hover,
@@ -1505,7 +1506,7 @@
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #ddd;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -2960,6 +2961,12 @@
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: -1.5px;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: -1.5px;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/grid/bootstrap4.css

@@ -515,6 +515,7 @@
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 31px;
+  top: 32px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -724,7 +725,7 @@
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 .e-bigger .e-grid .e-groupheadercell,
 .e-bigger .e-grid .e-groupheadercell:hover,
@@ -1546,7 +1547,7 @@
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #dee2e6;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -3001,6 +3002,12 @@
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: -1px;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: -3px;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/grid/bootstrap5-dark.css

@@ -528,6 +528,7 @@
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 21px;
+  top: 23px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -1566,7 +1567,7 @@
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #444c54;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -3021,6 +3022,12 @@
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: 0;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: 0;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/grid/bootstrap5.css

@@ -528,6 +528,7 @@
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 21px;
+  top: 23px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -1566,7 +1567,7 @@
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #dee2e6;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -3021,6 +3022,12 @@
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: 0;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: 0;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/grid/fabric-dark.css

@@ -449,6 +449,7 @@
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 35px;
+  top: 37px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -1480,7 +1481,7 @@
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #414040;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -2935,6 +2936,12 @@
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: 0;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: 0;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/grid/fabric.css

@@ -442,6 +442,7 @@
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 35px;
+  top: 37px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -1473,7 +1474,7 @@
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #eaeaea;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -2928,6 +2929,12 @@
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: 0;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: 0;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/grid/fluent-dark.css

@@ -507,6 +507,7 @@
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 10px;
+  top: 28px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -738,7 +739,7 @@
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 .e-bigger .e-grid .e-groupheadercell,
 .e-bigger .e-grid .e-groupheadercell:hover,
@@ -1563,7 +1564,7 @@
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #292827;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -3030,6 +3031,12 @@
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: 0;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: -1.4px;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/grid/fluent.css

@@ -507,6 +507,7 @@
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 10px;
+  top: 28px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -738,7 +739,7 @@
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 .e-bigger .e-grid .e-groupheadercell,
 .e-bigger .e-grid .e-groupheadercell:hover,
@@ -1563,7 +1564,7 @@
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #edebe9;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -3030,6 +3031,12 @@
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: 0;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: -1.4px;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/grid/highcontrast-light.css

@@ -446,6 +446,7 @@
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 31px;
+  top: 38px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -655,7 +656,7 @@
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 .e-bigger .e-grid .e-groupheadercell,
 .e-bigger .e-grid .e-groupheadercell:hover,
@@ -1477,7 +1478,7 @@
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #757575;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -2932,6 +2933,12 @@
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: 0;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: 0;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/grid/highcontrast.css

@@ -446,6 +446,7 @@
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 31px;
+  top: 38px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -1477,7 +1478,7 @@
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #969696;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -2932,6 +2933,12 @@
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: 0;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: 0;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/grid/material-dark.css

@@ -490,6 +490,7 @@
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 35px;
+  top: 35px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -699,7 +700,7 @@
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 .e-bigger .e-grid .e-groupheadercell,
 .e-bigger .e-grid .e-groupheadercell:hover,
@@ -1521,7 +1522,7 @@
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #616161;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -2976,6 +2977,12 @@
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: 0;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: 0;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/grid/material.css

@@ -524,6 +524,7 @@
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 31px;
+  top: 35px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -733,7 +734,7 @@
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 .e-bigger .e-grid .e-groupheadercell,
 .e-bigger .e-grid .e-groupheadercell:hover,
@@ -3010,6 +3011,12 @@
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: 0;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: 0;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/grid/tailwind-dark.css

@@ -476,6 +476,7 @@
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 23px;
+  top: 24px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -1562,7 +1563,7 @@
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #4b5563;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -3045,6 +3046,12 @@
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: -11px;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: 1px;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/grid/tailwind.css

@@ -476,6 +476,7 @@
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 23px;
+  top: 24px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -1562,7 +1563,7 @@
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #e5e7eb;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -3045,6 +3046,12 @@
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: -11px;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: 1px;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/highcontrast-light.css

@@ -1539,6 +1539,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 31px;
+  top: 38px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -1748,7 +1749,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 .e-bigger .e-grid .e-groupheadercell,
 .e-bigger .e-grid .e-groupheadercell:hover,
@@ -2570,7 +2571,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #757575;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -4025,6 +4026,12 @@ li.e-separator.e-menu-item.e-excel-separator {
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: 0;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: 0;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/highcontrast.css

@@ -1539,6 +1539,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 31px;
+  top: 38px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -2570,7 +2571,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #969696;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -4025,6 +4026,12 @@ li.e-separator.e-menu-item.e-excel-separator {
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: 0;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: 0;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/material-dark.css

@@ -1589,6 +1589,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 35px;
+  top: 35px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -1798,7 +1799,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 .e-bigger .e-grid .e-groupheadercell,
 .e-bigger .e-grid .e-groupheadercell:hover,
@@ -2620,7 +2621,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #616161;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -4075,6 +4076,12 @@ li.e-separator.e-menu-item.e-excel-separator {
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: 0;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: 0;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/material.css

@@ -1631,6 +1631,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 31px;
+  top: 35px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -1840,7 +1841,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 .e-bigger .e-grid .e-groupheadercell,
 .e-bigger .e-grid .e-groupheadercell:hover,
@@ -4117,6 +4118,12 @@ li.e-separator.e-menu-item.e-excel-separator {
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: 0;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: 0;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/tailwind-dark.css

@@ -1700,6 +1700,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 23px;
+  top: 24px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -2786,7 +2787,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #4b5563;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -4269,6 +4270,12 @@ li.e-separator.e-menu-item.e-excel-separator {
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: -11px;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: 1px;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;

package/styles/tailwind.css

@@ -1700,6 +1700,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 23px;
+  top: 24px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -2786,7 +2787,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-summarycontent .e-frozen-right-footercontent .e-firstsummarycell {
   border-left: 1px solid;
-  border-color: #e0e0e0;
+  border-color: #e5e7eb;
 }
 .e-grid .e-summarycontent .e-movablefootercontent {
   height: inherit;
@@ -4269,6 +4270,12 @@ li.e-separator.e-menu-item.e-excel-separator {
       -ms-user-select: none;
           user-select: none;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
+  margin-top: -11px;
+}
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+  margin-top: 1px;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;