@syncfusion/ej2-vue-grids 21.2.5 → 21.2.8

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-grids@*",
-  "_id": "@syncfusion/ej2-vue-grids@21.2.4",
+  "_id": "@syncfusion/ej2-vue-grids@21.2.6",
   "_inBundle": false,
-  "_integrity": "sha512-5R/pUBXmpA3dUvjDKG3r4QZXOg7xQUAzKluGwDKR/+JA4RoFzLa8pCDFJung82NW67pGHCRRq+A7pDloTqV4fw==",
+  "_integrity": "sha512-u2W16OS/4rEjbmJcSzTDOPdMD3Z/iNSgONdURB8KOtJd+6u5wiV5zGBKNdXXDfo7jlPoroMQUdoEnfbxEjcW1Q==",
   "_location": "/@syncfusion/ej2-vue-grids",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-grids/-/ej2-vue-grids-21.2.4.tgz",
-  "_shasum": "d15933b5b362f482da2fbd1f628652f4d0a1fb1e",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-grids/-/ej2-vue-grids-21.2.6.tgz",
+  "_shasum": "25d6fa0b5d38122da370c91a4d83c0da4a52d91d",
   "_spec": "@syncfusion/ej2-vue-grids@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -32,8 +32,8 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~21.2.3",
-    "@syncfusion/ej2-grids": "21.2.5",
-    "@syncfusion/ej2-vue-base": "~21.2.3"
+    "@syncfusion/ej2-grids": "21.2.8",
+    "@syncfusion/ej2-vue-base": "~21.2.6"
   },
   "deprecated": false,
   "description": "Feature-rich JavaScript datagrid (datatable) control with built-in support for editing, filtering, grouping, paging, sorting, and exporting to Excel. for Vue",
@@ -58,6 +58,6 @@
     "ci-publish": "gulp ci-publish",
     "compile": "gulp ci-compile && gulp vue-global-script"
   },
-  "version": "21.2.5",
+  "version": "21.2.8",
   "sideEffects": false
 }

package/styles/bootstrap-dark.css

@@ -1300,6 +1300,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-left: -7px;
   margin-top: -3px;
   margin-right: 0;
+  padding-top: 0;
 }
 .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -1325,7 +1326,6 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-left: 0;
   margin-right: -10px;
   margin-top: -4px;
-  padding-top: 0;
   padding-left: 8px;
 }
 .e-bigger .e-grid .e-groupcaption,
@@ -2692,7 +2692,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: -8px;
-  margin-top: 2px;
+  margin-top: -3px;
+  padding-top: 4px;
   padding-right: 8px;
 }
 .e-grid .e-grptogglebtn {
@@ -3280,7 +3281,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
   margin-right: -10px;
-  padding-top: 0;
+  padding-top: 4px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;

package/styles/bootstrap.css

@@ -1301,6 +1301,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-left: -7px;
   margin-top: -3px;
   margin-right: 0;
+  padding-top: 0;
 }
 .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -1326,7 +1327,6 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-left: 0;
   margin-right: -10px;
   margin-top: -4px;
-  padding-top: 0;
   padding-left: 8px;
 }
 .e-bigger .e-grid .e-groupcaption,
@@ -2693,7 +2693,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: -8px;
-  margin-top: 2px;
+  margin-top: -3px;
+  padding-top: 4px;
   padding-right: 8px;
 }
 .e-grid .e-grptogglebtn {
@@ -3281,7 +3282,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
   margin-right: -10px;
-  padding-top: 0;
+  padding-top: 4px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;

package/styles/bootstrap4.css

@@ -1347,11 +1347,12 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger span.e-ungroupbutton.e-icons {
-  font-size: 12px;
+  font-size: 16px;
   margin-left: -7px;
   margin-top: -1px;
   margin-right: 8px;
   padding-top: 8px;
+  padding-top: 8px;
 }
 .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -1382,8 +1383,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: -9px;
   margin-right: -15px;
-  margin-top: 3px;
-  padding-top: 4px;
+  margin-top: -1px;
   padding-left: 12px;
 }
 .e-bigger .e-grid .e-groupcaption,
@@ -2755,8 +2755,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: -8px;
   margin-top: 0;
-  padding-right: 8px;
   padding-top: 4px;
+  padding-right: 8px;
 }
 .e-grid .e-grptogglebtn {
   padding: 7px;

package/styles/bootstrap5-dark.css

@@ -1363,6 +1363,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-left: -12px;
   margin-top: 1px;
   margin-right: 0;
+  padding-top: 0;
 }
 .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -1388,7 +1389,6 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-left: -8px;
   margin-right: -12px;
   margin-top: 1px;
-  padding-top: 0;
   padding-left: 8px;
 }
 .e-bigger .e-grid .e-groupcaption,
@@ -2759,7 +2759,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: -12px;
-  margin-top: 2px;
+  margin-top: -0.5px;
+  padding-top: 2px;
   padding-right: 8px;
 }
 .e-grid .e-grptogglebtn {
@@ -3347,7 +3348,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
   margin-right: -12px;
-  padding-top: 0;
+  padding-top: 2px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;

package/styles/bootstrap5.css

@@ -1363,6 +1363,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-left: -12px;
   margin-top: 1px;
   margin-right: 0;
+  padding-top: 0;
 }
 .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -1388,7 +1389,6 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-left: -8px;
   margin-right: -12px;
   margin-top: 1px;
-  padding-top: 0;
   padding-left: 8px;
 }
 .e-bigger .e-grid .e-groupcaption,
@@ -2759,7 +2759,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: -12px;
-  margin-top: 2px;
+  margin-top: -0.5px;
+  padding-top: 2px;
   padding-right: 8px;
 }
 .e-grid .e-grptogglebtn {
@@ -3347,7 +3348,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
   margin-right: -12px;
-  padding-top: 0;
+  padding-top: 2px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;

package/styles/fabric-dark.css

@@ -1274,6 +1274,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-left: 0;
   margin-top: 1px;
   margin-right: 0;
+  padding-top: 0;
 }
 .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -1299,7 +1300,6 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-left: 0;
   margin-right: 8px;
   margin-top: 0;
-  padding-top: 0;
   padding-left: 0;
 }
 .e-bigger .e-grid .e-groupcaption,
@@ -2667,6 +2667,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: 0;
   margin-top: 0;
+  padding-top: 0;
   padding-right: 0;
 }
 .e-grid .e-grptogglebtn {

package/styles/fabric.css

@@ -1267,6 +1267,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-left: 0;
   margin-top: 0;
   margin-right: 0;
+  padding-top: 0;
 }
 .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -1292,7 +1293,6 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-left: 0;
   margin-right: 8px;
   margin-top: 0;
-  padding-top: 0;
   padding-left: 0;
 }
 .e-bigger .e-grid .e-groupcaption,
@@ -2660,6 +2660,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: 0;
   margin-top: 0;
+  padding-top: 0;
   padding-right: 0;
 }
 .e-grid .e-grptogglebtn {

package/styles/fluent-dark.css

@@ -1353,6 +1353,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-left: 0;
   margin-top: -4px;
   margin-right: 4px;
+  padding-top: 0;
   padding: 0 4px;
 }
 .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
@@ -1386,8 +1387,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-left: -9px;
   margin-right: -6px;
   margin-top: -4px;
-  padding-top: 4px;
   padding-left: 8px;
+  margin-top: 0;
+  padding: 0 4px;
 }
 .e-bigger .e-grid .e-groupcaption,
 .e-grid.e-bigger .e-groupcaption {
@@ -2764,7 +2766,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: -13px;
-  margin-top: 1px;
+  margin-top: -3px;
+  padding-top: 8px;
   padding-right: 12px;
 }
 .e-grid .e-grptogglebtn {
@@ -3353,7 +3356,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
   margin-right: -14px;
-  padding-top: 4px;
+  padding-top: 8px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;

package/styles/fluent.css

@@ -1353,6 +1353,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-left: 0;
   margin-top: -4px;
   margin-right: 4px;
+  padding-top: 0;
   padding: 0 4px;
 }
 .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
@@ -1386,8 +1387,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-left: -9px;
   margin-right: -6px;
   margin-top: -4px;
-  padding-top: 4px;
   padding-left: 8px;
+  margin-top: 0;
+  padding: 0 4px;
 }
 .e-bigger .e-grid .e-groupcaption,
 .e-grid.e-bigger .e-groupcaption {
@@ -2764,7 +2766,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: -13px;
-  margin-top: 1px;
+  margin-top: -3px;
+  padding-top: 8px;
   padding-right: 12px;
 }
 .e-grid .e-grptogglebtn {
@@ -3353,7 +3356,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
   margin-right: -14px;
-  padding-top: 4px;
+  padding-top: 8px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;

package/styles/grid/bootstrap-dark.css

@@ -879,6 +879,7 @@
   margin-left: -7px;
   margin-top: -3px;
   margin-right: 0;
+  padding-top: 0;
 }
 .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -904,7 +905,6 @@
   margin-left: 0;
   margin-right: -10px;
   margin-top: -4px;
-  padding-top: 0;
   padding-left: 8px;
 }
 .e-bigger .e-grid .e-groupcaption,
@@ -2271,7 +2271,8 @@
 }
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: -8px;
-  margin-top: 2px;
+  margin-top: -3px;
+  padding-top: 4px;
   padding-right: 8px;
 }
 .e-grid .e-grptogglebtn {
@@ -2859,7 +2860,7 @@
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
   margin-right: -10px;
-  padding-top: 0;
+  padding-top: 4px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;

package/styles/grid/bootstrap.css

@@ -880,6 +880,7 @@
   margin-left: -7px;
   margin-top: -3px;
   margin-right: 0;
+  padding-top: 0;
 }
 .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -905,7 +906,6 @@
   margin-left: 0;
   margin-right: -10px;
   margin-top: -4px;
-  padding-top: 0;
   padding-left: 8px;
 }
 .e-bigger .e-grid .e-groupcaption,
@@ -2272,7 +2272,8 @@
 }
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: -8px;
-  margin-top: 2px;
+  margin-top: -3px;
+  padding-top: 4px;
   padding-right: 8px;
 }
 .e-grid .e-grptogglebtn {
@@ -2860,7 +2861,7 @@
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
   margin-right: -10px;
-  padding-top: 0;
+  padding-top: 4px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;

package/styles/grid/bootstrap4.css

@@ -915,11 +915,12 @@
 }
 .e-bigger .e-grid span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger span.e-ungroupbutton.e-icons {
-  font-size: 12px;
+  font-size: 16px;
   margin-left: -7px;
   margin-top: -1px;
   margin-right: 8px;
   padding-top: 8px;
+  padding-top: 8px;
 }
 .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -950,8 +951,7 @@
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: -9px;
   margin-right: -15px;
-  margin-top: 3px;
-  padding-top: 4px;
+  margin-top: -1px;
   padding-left: 12px;
 }
 .e-bigger .e-grid .e-groupcaption,
@@ -2323,8 +2323,8 @@
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: -8px;
   margin-top: 0;
-  padding-right: 8px;
   padding-top: 4px;
+  padding-right: 8px;
 }
 .e-grid .e-grptogglebtn {
   padding: 7px;

package/styles/grid/bootstrap5-dark.css

@@ -939,6 +939,7 @@
   margin-left: -12px;
   margin-top: 1px;
   margin-right: 0;
+  padding-top: 0;
 }
 .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -964,7 +965,6 @@
   margin-left: -8px;
   margin-right: -12px;
   margin-top: 1px;
-  padding-top: 0;
   padding-left: 8px;
 }
 .e-bigger .e-grid .e-groupcaption,
@@ -2335,7 +2335,8 @@
 }
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: -12px;
-  margin-top: 2px;
+  margin-top: -0.5px;
+  padding-top: 2px;
   padding-right: 8px;
 }
 .e-grid .e-grptogglebtn {
@@ -2923,7 +2924,7 @@
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
   margin-right: -12px;
-  padding-top: 0;
+  padding-top: 2px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;

package/styles/grid/bootstrap5.css

@@ -939,6 +939,7 @@
   margin-left: -12px;
   margin-top: 1px;
   margin-right: 0;
+  padding-top: 0;
 }
 .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -964,7 +965,6 @@
   margin-left: -8px;
   margin-right: -12px;
   margin-top: 1px;
-  padding-top: 0;
   padding-left: 8px;
 }
 .e-bigger .e-grid .e-groupcaption,
@@ -2335,7 +2335,8 @@
 }
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: -12px;
-  margin-top: 2px;
+  margin-top: -0.5px;
+  padding-top: 2px;
   padding-right: 8px;
 }
 .e-grid .e-grptogglebtn {
@@ -2923,7 +2924,7 @@
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
   margin-right: -12px;
-  padding-top: 0;
+  padding-top: 2px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;

package/styles/grid/fabric-dark.css

@@ -853,6 +853,7 @@
   margin-left: 0;
   margin-top: 1px;
   margin-right: 0;
+  padding-top: 0;
 }
 .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -878,7 +879,6 @@
   margin-left: 0;
   margin-right: 8px;
   margin-top: 0;
-  padding-top: 0;
   padding-left: 0;
 }
 .e-bigger .e-grid .e-groupcaption,
@@ -2246,6 +2246,7 @@
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: 0;
   margin-top: 0;
+  padding-top: 0;
   padding-right: 0;
 }
 .e-grid .e-grptogglebtn {

package/styles/grid/fabric.css

@@ -846,6 +846,7 @@
   margin-left: 0;
   margin-top: 0;
   margin-right: 0;
+  padding-top: 0;
 }
 .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -871,7 +872,6 @@
   margin-left: 0;
   margin-right: 8px;
   margin-top: 0;
-  padding-top: 0;
   padding-left: 0;
 }
 .e-bigger .e-grid .e-groupcaption,
@@ -2239,6 +2239,7 @@
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: 0;
   margin-top: 0;
+  padding-top: 0;
   padding-right: 0;
 }
 .e-grid .e-grptogglebtn {

package/styles/grid/fluent-dark.css

@@ -929,6 +929,7 @@
   margin-left: 0;
   margin-top: -4px;
   margin-right: 4px;
+  padding-top: 0;
   padding: 0 4px;
 }
 .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
@@ -962,8 +963,9 @@
   margin-left: -9px;
   margin-right: -6px;
   margin-top: -4px;
-  padding-top: 4px;
   padding-left: 8px;
+  margin-top: 0;
+  padding: 0 4px;
 }
 .e-bigger .e-grid .e-groupcaption,
 .e-grid.e-bigger .e-groupcaption {
@@ -2340,7 +2342,8 @@
 }
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: -13px;
-  margin-top: 1px;
+  margin-top: -3px;
+  padding-top: 8px;
   padding-right: 12px;
 }
 .e-grid .e-grptogglebtn {
@@ -2929,7 +2932,7 @@
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
   margin-right: -14px;
-  padding-top: 4px;
+  padding-top: 8px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;

package/styles/grid/fluent.css

@@ -929,6 +929,7 @@
   margin-left: 0;
   margin-top: -4px;
   margin-right: 4px;
+  padding-top: 0;
   padding: 0 4px;
 }
 .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
@@ -962,8 +963,9 @@
   margin-left: -9px;
   margin-right: -6px;
   margin-top: -4px;
-  padding-top: 4px;
   padding-left: 8px;
+  margin-top: 0;
+  padding: 0 4px;
 }
 .e-bigger .e-grid .e-groupcaption,
 .e-grid.e-bigger .e-groupcaption {
@@ -2340,7 +2342,8 @@
 }
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: -13px;
-  margin-top: 1px;
+  margin-top: -3px;
+  padding-top: 8px;
   padding-right: 12px;
 }
 .e-grid .e-grptogglebtn {
@@ -2929,7 +2932,7 @@
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
   margin-right: -14px;
-  padding-top: 4px;
+  padding-top: 8px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;

package/styles/grid/highcontrast-light.css

@@ -850,6 +850,7 @@
   margin-left: 0;
   margin-top: 1px;
   margin-right: 0;
+  padding-top: 0;
 }
 .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -875,7 +876,6 @@
   margin-left: 0;
   margin-right: 8px;
   margin-top: 0;
-  padding-top: 0;
   padding-left: 0;
 }
 .e-bigger .e-grid .e-groupcaption,
@@ -2243,6 +2243,7 @@
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: 0;
   margin-top: 0;
+  padding-top: 0;
   padding-right: 0;
 }
 .e-grid .e-grptogglebtn {

package/styles/grid/highcontrast.css

@@ -850,6 +850,7 @@
   margin-left: 0;
   margin-top: 1px;
   margin-right: 0;
+  padding-top: 0;
 }
 .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -875,7 +876,6 @@
   margin-left: 0;
   margin-right: 8px;
   margin-top: 0;
-  padding-top: 0;
   padding-left: 0;
 }
 .e-bigger .e-grid .e-groupcaption,
@@ -2243,6 +2243,7 @@
 .e-grid span.e-ungroupbutton.e-icons {
   margin-left: 0;
   margin-top: 0;
+  padding-top: 0;
   padding-right: 0;
 }
 .e-grid .e-grptogglebtn {