@syncfusion/ej2-react-grids 21.2.3 → 21.2.4

package/styles/grid/bootstrap5-dark.css

@@ -800,6 +800,10 @@
   padding: 7px 0;
   font-size: 16px;
 }
+.e-bigger .e-grid.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-device .e-groupheadercell {
+  padding: 0;
+}
 .e-bigger .e-grid .e-groupheadercell:hover,
 .e-grid.e-bigger .e-groupheadercell:hover {
   padding: 7px 0;
@@ -858,6 +862,7 @@
 .e-bigger .e-grid.e-device .e-groupheadercell span,
 .e-grid.e-bigger.e-device .e-groupheadercell span {
   line-height: 33px;
+  padding: 0 8px;
 }
 .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
 .e-grid.e-bigger.e-device .e-rowcell,
@@ -935,11 +940,19 @@
   margin-top: 1px;
   margin-right: 0;
 }
+.e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
+.e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
+  margin-top: 0;
+}
 .e-bigger .e-grid span.e-groupsort.e-icons,
 .e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 0;
   margin-top: 1px;
 }
+.e-bigger .e-grid.e-device span.e-groupsort.e-icons,
+.e-grid.e-bigger.e-device span.e-groupsort.e-icons {
+  margin-top: 0;
+}
 .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
 .e-grid.e-bigger.e-rtl .e-groupheadercell,
 .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -3246,6 +3259,10 @@
 .e-bigger.e-grid.e-rtl .e-groupheadercell span {
   padding: 0 8px;
 }
+.e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
+.e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
+  padding: 0 8px;
+}
 
 .e-grid-min-height .e-rowcell,
 .e-grid-min-height .e-icon-grightarrow,

package/styles/grid/bootstrap5.css

@@ -800,6 +800,10 @@
   padding: 7px 0;
   font-size: 16px;
 }
+.e-bigger .e-grid.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-device .e-groupheadercell {
+  padding: 0;
+}
 .e-bigger .e-grid .e-groupheadercell:hover,
 .e-grid.e-bigger .e-groupheadercell:hover {
   padding: 7px 0;
@@ -858,6 +862,7 @@
 .e-bigger .e-grid.e-device .e-groupheadercell span,
 .e-grid.e-bigger.e-device .e-groupheadercell span {
   line-height: 33px;
+  padding: 0 8px;
 }
 .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
 .e-grid.e-bigger.e-device .e-rowcell,
@@ -935,11 +940,19 @@
   margin-top: 1px;
   margin-right: 0;
 }
+.e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
+.e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
+  margin-top: 0;
+}
 .e-bigger .e-grid span.e-groupsort.e-icons,
 .e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 0;
   margin-top: 1px;
 }
+.e-bigger .e-grid.e-device span.e-groupsort.e-icons,
+.e-grid.e-bigger.e-device span.e-groupsort.e-icons {
+  margin-top: 0;
+}
 .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
 .e-grid.e-bigger.e-rtl .e-groupheadercell,
 .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -3246,6 +3259,10 @@
 .e-bigger.e-grid.e-rtl .e-groupheadercell span {
   padding: 0 8px;
 }
+.e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
+.e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
+  padding: 0 8px;
+}
 
 .e-grid-min-height .e-rowcell,
 .e-grid-min-height .e-icon-grightarrow,

package/styles/grid/fabric-dark.css

@@ -714,6 +714,10 @@
   padding: 0 10px;
   font-size: 14px;
 }
+.e-bigger .e-grid.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-device .e-groupheadercell {
+  padding: 0 10px;
+}
 .e-bigger .e-grid .e-groupheadercell:hover,
 .e-grid.e-bigger .e-groupheadercell:hover {
   padding: 0 10px;
@@ -772,6 +776,7 @@
 .e-bigger .e-grid.e-device .e-groupheadercell span,
 .e-grid.e-bigger.e-device .e-groupheadercell span {
   line-height: 30px;
+  padding: 0;
 }
 .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
 .e-grid.e-bigger.e-device .e-rowcell,
@@ -849,11 +854,19 @@
   margin-top: 1px;
   margin-right: 0;
 }
+.e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
+.e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
+  margin-top: 1px;
+}
 .e-bigger .e-grid span.e-groupsort.e-icons,
 .e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 10px;
   margin-top: 0;
 }
+.e-bigger .e-grid.e-device span.e-groupsort.e-icons,
+.e-grid.e-bigger.e-device span.e-groupsort.e-icons {
+  margin-top: 0;
+}
 .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
 .e-grid.e-bigger.e-rtl .e-groupheadercell,
 .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -3148,6 +3161,10 @@
 .e-bigger.e-grid.e-rtl .e-groupheadercell span {
   padding: 0;
 }
+.e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
+.e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
+  padding: 0;
+}
 
 .e-grid-min-height .e-rowcell,
 .e-grid-min-height .e-icon-grightarrow,

package/styles/grid/fabric.css

@@ -707,6 +707,10 @@
   padding: 0 10px;
   font-size: 14px;
 }
+.e-bigger .e-grid.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-device .e-groupheadercell {
+  padding: 0 10px;
+}
 .e-bigger .e-grid .e-groupheadercell:hover,
 .e-grid.e-bigger .e-groupheadercell:hover {
   padding: 0 10px;
@@ -765,6 +769,7 @@
 .e-bigger .e-grid.e-device .e-groupheadercell span,
 .e-grid.e-bigger.e-device .e-groupheadercell span {
   line-height: 30px;
+  padding: 0;
 }
 .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
 .e-grid.e-bigger.e-device .e-rowcell,
@@ -842,11 +847,19 @@
   margin-top: 0;
   margin-right: 0;
 }
+.e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
+.e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
+  margin-top: 0;
+}
 .e-bigger .e-grid span.e-groupsort.e-icons,
 .e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 10px;
   margin-top: 0;
 }
+.e-bigger .e-grid.e-device span.e-groupsort.e-icons,
+.e-grid.e-bigger.e-device span.e-groupsort.e-icons {
+  margin-top: 0;
+}
 .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
 .e-grid.e-bigger.e-rtl .e-groupheadercell,
 .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -3141,6 +3154,10 @@
 .e-bigger.e-grid.e-rtl .e-groupheadercell span {
   padding: 0;
 }
+.e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
+.e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
+  padding: 0;
+}
 
 .e-grid-min-height .e-rowcell,
 .e-grid-min-height .e-icon-grightarrow,

package/styles/grid/fluent-dark.css

@@ -790,6 +790,10 @@
   padding: 6px 0;
   font-size: 16px;
 }
+.e-bigger .e-grid.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-device .e-groupheadercell {
+  padding: 0;
+}
 .e-bigger .e-grid .e-groupheadercell:hover,
 .e-grid.e-bigger .e-groupheadercell:hover {
   padding: 6px 0;
@@ -848,6 +852,7 @@
 .e-bigger .e-grid.e-device .e-groupheadercell span,
 .e-grid.e-bigger.e-device .e-groupheadercell span {
   line-height: 33px;
+  padding: 0 8px;
 }
 .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
 .e-grid.e-bigger.e-device .e-rowcell,
@@ -926,6 +931,10 @@
   margin-right: 4px;
   padding: 0 4px;
 }
+.e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
+.e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
+  margin-top: 0;
+}
 .e-bigger .e-grid span.e-groupsort.e-icons,
 .e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 0;
@@ -933,6 +942,10 @@
   margin-left: 0;
   padding: 0 4px;
 }
+.e-bigger .e-grid.e-device span.e-groupsort.e-icons,
+.e-grid.e-bigger.e-device span.e-groupsort.e-icons {
+  margin-top: 0;
+}
 .e-bigger .e-grid.e-rtl span.e-groupsort.e-icons,
 .e-grid.e-bigger.e-rtl span.e-groupsort.e-icons {
   margin-top: 0;
@@ -3252,6 +3265,10 @@
 .e-bigger.e-grid.e-rtl .e-groupheadercell span {
   padding: 11.5px 4px 14px 4px;
 }
+.e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
+.e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
+  padding: 0 8px;
+}
 
 .e-grid-min-height .e-rowcell,
 .e-grid-min-height .e-icon-grightarrow,

package/styles/grid/fluent.css

@@ -790,6 +790,10 @@
   padding: 6px 0;
   font-size: 16px;
 }
+.e-bigger .e-grid.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-device .e-groupheadercell {
+  padding: 0;
+}
 .e-bigger .e-grid .e-groupheadercell:hover,
 .e-grid.e-bigger .e-groupheadercell:hover {
   padding: 6px 0;
@@ -848,6 +852,7 @@
 .e-bigger .e-grid.e-device .e-groupheadercell span,
 .e-grid.e-bigger.e-device .e-groupheadercell span {
   line-height: 33px;
+  padding: 0 8px;
 }
 .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
 .e-grid.e-bigger.e-device .e-rowcell,
@@ -926,6 +931,10 @@
   margin-right: 4px;
   padding: 0 4px;
 }
+.e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
+.e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
+  margin-top: 0;
+}
 .e-bigger .e-grid span.e-groupsort.e-icons,
 .e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 0;
@@ -933,6 +942,10 @@
   margin-left: 0;
   padding: 0 4px;
 }
+.e-bigger .e-grid.e-device span.e-groupsort.e-icons,
+.e-grid.e-bigger.e-device span.e-groupsort.e-icons {
+  margin-top: 0;
+}
 .e-bigger .e-grid.e-rtl span.e-groupsort.e-icons,
 .e-grid.e-bigger.e-rtl span.e-groupsort.e-icons {
   margin-top: 0;
@@ -3252,6 +3265,10 @@
 .e-bigger.e-grid.e-rtl .e-groupheadercell span {
   padding: 11.5px 4px 14px 4px;
 }
+.e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
+.e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
+  padding: 0 8px;
+}
 
 .e-grid-min-height .e-rowcell,
 .e-grid-min-height .e-icon-grightarrow,

package/styles/grid/highcontrast-light.css

@@ -711,6 +711,10 @@
   padding: 1px 10px;
   font-size: 14px;
 }
+.e-bigger .e-grid.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-device .e-groupheadercell {
+  padding: 1px 10px;
+}
 .e-bigger .e-grid .e-groupheadercell:hover,
 .e-grid.e-bigger .e-groupheadercell:hover {
   padding: 0 9px;
@@ -769,6 +773,7 @@
 .e-bigger .e-grid.e-device .e-groupheadercell span,
 .e-grid.e-bigger.e-device .e-groupheadercell span {
   line-height: 30px;
+  padding: 0;
 }
 .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
 .e-grid.e-bigger.e-device .e-rowcell,
@@ -846,11 +851,19 @@
   margin-top: 1px;
   margin-right: 0;
 }
+.e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
+.e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
+  margin-top: 1px;
+}
 .e-bigger .e-grid span.e-groupsort.e-icons,
 .e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 10px;
   margin-top: 0;
 }
+.e-bigger .e-grid.e-device span.e-groupsort.e-icons,
+.e-grid.e-bigger.e-device span.e-groupsort.e-icons {
+  margin-top: 0;
+}
 .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
 .e-grid.e-bigger.e-rtl .e-groupheadercell,
 .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -3145,6 +3158,10 @@
 .e-bigger.e-grid.e-rtl .e-groupheadercell span {
   padding: 0;
 }
+.e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
+.e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
+  padding: 0;
+}
 
 .e-grid-min-height .e-rowcell,
 .e-grid-min-height .e-icon-grightarrow,

package/styles/grid/highcontrast.css

@@ -711,6 +711,10 @@
   padding: 1px 10px;
   font-size: 14px;
 }
+.e-bigger .e-grid.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-device .e-groupheadercell {
+  padding: 1px 10px;
+}
 .e-bigger .e-grid .e-groupheadercell:hover,
 .e-grid.e-bigger .e-groupheadercell:hover {
   padding: 0 9px;
@@ -769,6 +773,7 @@
 .e-bigger .e-grid.e-device .e-groupheadercell span,
 .e-grid.e-bigger.e-device .e-groupheadercell span {
   line-height: 30px;
+  padding: 0;
 }
 .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
 .e-grid.e-bigger.e-device .e-rowcell,
@@ -846,11 +851,19 @@
   margin-top: 1px;
   margin-right: 0;
 }
+.e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
+.e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
+  margin-top: 1px;
+}
 .e-bigger .e-grid span.e-groupsort.e-icons,
 .e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 10px;
   margin-top: 0;
 }
+.e-bigger .e-grid.e-device span.e-groupsort.e-icons,
+.e-grid.e-bigger.e-device span.e-groupsort.e-icons {
+  margin-top: 0;
+}
 .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
 .e-grid.e-bigger.e-rtl .e-groupheadercell,
 .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -3145,6 +3158,10 @@
 .e-bigger.e-grid.e-rtl .e-groupheadercell span {
   padding: 0;
 }
+.e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
+.e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
+  padding: 0;
+}
 
 .e-grid-min-height .e-rowcell,
 .e-grid-min-height .e-icon-grightarrow,

package/styles/grid/material-dark.css

@@ -755,6 +755,10 @@
   padding: 0 8px 0 12px;
   font-size: 13px;
 }
+.e-bigger .e-grid.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-device .e-groupheadercell {
+  padding: 0 8px 0 12px;
+}
 .e-bigger .e-grid .e-groupheadercell:hover,
 .e-grid.e-bigger .e-groupheadercell:hover {
   padding: 0 8px 0 12px;
@@ -813,6 +817,7 @@
 .e-bigger .e-grid.e-device .e-groupheadercell span,
 .e-grid.e-bigger.e-device .e-groupheadercell span {
   line-height: 30px;
+  padding: 0;
 }
 .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
 .e-grid.e-bigger.e-device .e-rowcell,
@@ -890,11 +895,19 @@
   margin-top: 0;
   margin-right: 0;
 }
+.e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
+.e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
+  margin-top: 0;
+}
 .e-bigger .e-grid span.e-groupsort.e-icons,
 .e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 0;
   margin-top: 0;
 }
+.e-bigger .e-grid.e-device span.e-groupsort.e-icons,
+.e-grid.e-bigger.e-device span.e-groupsort.e-icons {
+  margin-top: 0;
+}
 .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
 .e-grid.e-bigger.e-rtl .e-groupheadercell,
 .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -3189,6 +3202,10 @@
 .e-bigger.e-grid.e-rtl .e-groupheadercell span {
   padding: 0;
 }
+.e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
+.e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
+  padding: 0;
+}
 
 .e-grid-min-height .e-rowcell,
 .e-grid-min-height .e-icon-grightarrow,

package/styles/grid/material.css

@@ -789,6 +789,10 @@
   padding: 0 8px 0 12px;
   font-size: 13px;
 }
+.e-bigger .e-grid.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-device .e-groupheadercell {
+  padding: 0 8px 0 12px;
+}
 .e-bigger .e-grid .e-groupheadercell:hover,
 .e-grid.e-bigger .e-groupheadercell:hover {
   padding: 0 8px 0 12px;
@@ -847,6 +851,7 @@
 .e-bigger .e-grid.e-device .e-groupheadercell span,
 .e-grid.e-bigger.e-device .e-groupheadercell span {
   line-height: 30px;
+  padding: 0;
 }
 .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
 .e-grid.e-bigger.e-device .e-rowcell,
@@ -924,11 +929,19 @@
   margin-top: 0;
   margin-right: 0;
 }
+.e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
+.e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
+  margin-top: 0;
+}
 .e-bigger .e-grid span.e-groupsort.e-icons,
 .e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 0;
   margin-top: 0;
 }
+.e-bigger .e-grid.e-device span.e-groupsort.e-icons,
+.e-grid.e-bigger.e-device span.e-groupsort.e-icons {
+  margin-top: 0;
+}
 .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
 .e-grid.e-bigger.e-rtl .e-groupheadercell,
 .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -3223,6 +3236,10 @@
 .e-bigger.e-grid.e-rtl .e-groupheadercell span {
   padding: 0;
 }
+.e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
+.e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
+  padding: 0;
+}
 
 .e-grid-min-height .e-rowcell,
 .e-grid-min-height .e-icon-grightarrow,

package/styles/grid/tailwind-dark.css

@@ -786,6 +786,10 @@
   padding: 6px 0;
   font-size: 16px;
 }
+.e-bigger .e-grid.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-device .e-groupheadercell {
+  padding: 0;
+}
 .e-bigger .e-grid .e-groupheadercell:hover,
 .e-grid.e-bigger .e-groupheadercell:hover {
   padding: 6px 0;
@@ -844,6 +848,7 @@
 .e-bigger .e-grid.e-device .e-groupheadercell span,
 .e-grid.e-bigger.e-device .e-groupheadercell span {
   line-height: 33px;
+  padding: 0 8px;
 }
 .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
 .e-grid.e-bigger.e-device .e-rowcell,
@@ -921,6 +926,10 @@
   margin-top: 0;
   margin-right: 0;
 }
+.e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
+.e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
+  margin-top: 0;
+}
 .e-bigger .e-grid span.e-ungroupbutton.e-icons:hover,
 .e-grid.e-bigger span.e-ungroupbutton.e-icons:hover {
   color: #374151;
@@ -930,6 +939,10 @@
   margin-right: 0;
   margin-top: 0;
 }
+.e-bigger .e-grid.e-device span.e-groupsort.e-icons,
+.e-grid.e-bigger.e-device span.e-groupsort.e-icons {
+  margin-top: 0;
+}
 .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
 .e-grid.e-bigger.e-rtl .e-groupheadercell,
 .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -3263,6 +3276,10 @@
 .e-bigger.e-grid.e-rtl .e-groupheadercell span {
   padding: 0 0 0 8px;
 }
+.e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
+.e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
+  padding: 0 8px;
+}
 
 .e-grid-min-height .e-rowcell,
 .e-grid-min-height .e-icon-grightarrow,

package/styles/grid/tailwind.css

@@ -786,6 +786,10 @@
   padding: 6px 0;
   font-size: 16px;
 }
+.e-bigger .e-grid.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-device .e-groupheadercell {
+  padding: 0;
+}
 .e-bigger .e-grid .e-groupheadercell:hover,
 .e-grid.e-bigger .e-groupheadercell:hover {
   padding: 6px 0;
@@ -844,6 +848,7 @@
 .e-bigger .e-grid.e-device .e-groupheadercell span,
 .e-grid.e-bigger.e-device .e-groupheadercell span {
   line-height: 33px;
+  padding: 0 8px;
 }
 .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
 .e-grid.e-bigger.e-device .e-rowcell,
@@ -921,6 +926,10 @@
   margin-top: 0;
   margin-right: 0;
 }
+.e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
+.e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
+  margin-top: 0;
+}
 .e-bigger .e-grid span.e-ungroupbutton.e-icons:hover,
 .e-grid.e-bigger span.e-ungroupbutton.e-icons:hover {
   color: #374151;
@@ -930,6 +939,10 @@
   margin-right: 0;
   margin-top: 0;
 }
+.e-bigger .e-grid.e-device span.e-groupsort.e-icons,
+.e-grid.e-bigger.e-device span.e-groupsort.e-icons {
+  margin-top: 0;
+}
 .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
 .e-grid.e-bigger.e-rtl .e-groupheadercell,
 .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -3263,6 +3276,10 @@
 .e-bigger.e-grid.e-rtl .e-groupheadercell span {
   padding: 0 0 0 8px;
 }
+.e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
+.e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
+  padding: 0 8px;
+}
 
 .e-grid-min-height .e-rowcell,
 .e-grid-min-height .e-icon-grightarrow,

package/styles/highcontrast-light.css

@@ -1132,6 +1132,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   padding: 1px 10px;
   font-size: 14px;
 }
+.e-bigger .e-grid.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-device .e-groupheadercell {
+  padding: 1px 10px;
+}
 .e-bigger .e-grid .e-groupheadercell:hover,
 .e-grid.e-bigger .e-groupheadercell:hover {
   padding: 0 9px;
@@ -1190,6 +1194,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid.e-device .e-groupheadercell span,
 .e-grid.e-bigger.e-device .e-groupheadercell span {
   line-height: 30px;
+  padding: 0;
 }
 .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
 .e-grid.e-bigger.e-device .e-rowcell,
@@ -1267,11 +1272,19 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-top: 1px;
   margin-right: 0;
 }
+.e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
+.e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
+  margin-top: 1px;
+}
 .e-bigger .e-grid span.e-groupsort.e-icons,
 .e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 10px;
   margin-top: 0;
 }
+.e-bigger .e-grid.e-device span.e-groupsort.e-icons,
+.e-grid.e-bigger.e-device span.e-groupsort.e-icons {
+  margin-top: 0;
+}
 .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
 .e-grid.e-bigger.e-rtl .e-groupheadercell,
 .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -3566,6 +3579,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger.e-grid.e-rtl .e-groupheadercell span {
   padding: 0;
 }
+.e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
+.e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
+  padding: 0;
+}
 
 .e-grid-min-height .e-rowcell,
 .e-grid-min-height .e-icon-grightarrow,

package/styles/highcontrast.css

@@ -1132,6 +1132,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   padding: 1px 10px;
   font-size: 14px;
 }
+.e-bigger .e-grid.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-device .e-groupheadercell {
+  padding: 1px 10px;
+}
 .e-bigger .e-grid .e-groupheadercell:hover,
 .e-grid.e-bigger .e-groupheadercell:hover {
   padding: 0 9px;
@@ -1190,6 +1194,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid.e-device .e-groupheadercell span,
 .e-grid.e-bigger.e-device .e-groupheadercell span {
   line-height: 30px;
+  padding: 0;
 }
 .e-bigger .e-grid.e-device .e-rowcell, .e-bigger .e-grid.e-device .e-summarycell,
 .e-grid.e-bigger.e-device .e-rowcell,
@@ -1267,11 +1272,19 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin-top: 1px;
   margin-right: 0;
 }
+.e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
+.e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
+  margin-top: 1px;
+}
 .e-bigger .e-grid span.e-groupsort.e-icons,
 .e-grid.e-bigger span.e-groupsort.e-icons {
   margin-right: 10px;
   margin-top: 0;
 }
+.e-bigger .e-grid.e-device span.e-groupsort.e-icons,
+.e-grid.e-bigger.e-device span.e-groupsort.e-icons {
+  margin-top: 0;
+}
 .e-bigger .e-grid.e-rtl .e-groupheadercell, .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
 .e-grid.e-bigger.e-rtl .e-groupheadercell,
 .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
@@ -3566,6 +3579,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger.e-grid.e-rtl .e-groupheadercell span {
   padding: 0;
 }
+.e-bigger .e-grid.e-device.e-rtl .e-groupheadercell span,
+.e-bigger.e-grid.e-device.e-rtl .e-groupheadercell span {
+  padding: 0;
+}
 
 .e-grid-min-height .e-rowcell,
 .e-grid-min-height .e-icon-grightarrow,