@syncfusion/blazor-themes 23.1.42 → 23.1.43

package/SCSS-Themes/filemanager/file-manager/bootstrap4.scss

@@ -693,6 +693,11 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
           .e-rcursor {
             border: 0;
           }
+          
+          @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
+            padding: 5px 8px;
+            line-height: 16px;
+          }
         }
 
         @include visibility(hidden);
@@ -743,6 +748,11 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
               line-height: 20px;
             }
           }
+          
+          @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
+            padding: 10px 8px;
+            line-height: 16px;
+          }
         }
 
         tr.e-row.e-fe-drop-folder .e-rowcell:first-child {

package/SCSS-Themes/filemanager/file-manager/bootstrap5-dark.scss

@@ -688,6 +688,11 @@ $fe-drop-folder-bg-color: $primary !default;
           .e-rcursor {
             border: 0;
           }
+          
+          @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
+            padding: 5px 8px;
+            line-height: 16px;
+          }
         }
 
         @include visibility(hidden);
@@ -738,6 +743,11 @@ $fe-drop-folder-bg-color: $primary !default;
               line-height: 20px;
             }
           }
+          
+          @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
+            padding: 10px 8px;
+            line-height: 16px;
+          }
         }
 
         tr.e-row.e-fe-drop-folder .e-rowcell:first-child {

package/SCSS-Themes/filemanager/file-manager/bootstrap5.scss

@@ -688,6 +688,11 @@ $fe-drop-folder-bg-color: $primary !default;
           .e-rcursor {
             border: 0;
           }
+          
+          @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
+            padding: 5px 8px;
+            line-height: 16px;
+          }
         }
 
         @include visibility(hidden);
@@ -738,6 +743,11 @@ $fe-drop-folder-bg-color: $primary !default;
               line-height: 20px;
             }
           }
+          
+          @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
+            padding: 10px 8px;
+            line-height: 16px;
+          }
         }
 
         tr.e-row.e-fe-drop-folder .e-rowcell:first-child {

package/SCSS-Themes/filemanager/file-manager/fabric-dark.scss

@@ -689,6 +689,11 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
           .e-rcursor {
             border: 0;
           }
+          
+          @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
+            padding: 5px 8px;
+            line-height: 16px;
+          }
         }
 
         @include visibility(hidden);
@@ -739,6 +744,11 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
               line-height: 20px;
             }
           }
+          
+          @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
+            padding: 10px 8px;
+            line-height: 16px;
+          }
         }
 
         tr.e-row.e-fe-drop-folder .e-rowcell:first-child {

package/SCSS-Themes/filemanager/file-manager/fabric.scss

@@ -691,6 +691,11 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
           .e-rcursor {
             border: 0;
           }
+          
+          @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
+            padding: 5px 8px;
+            line-height: 16px;
+          }
         }
 
         @include visibility(hidden);
@@ -741,6 +746,11 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
               line-height: 20px;
             }
           }
+          
+          @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
+            padding: 10px 8px;
+            line-height: 16px;
+          }
         }
 
         tr.e-row.e-fe-drop-folder .e-rowcell:first-child {

package/SCSS-Themes/filemanager/file-manager/fluent-dark.scss

@@ -696,6 +696,11 @@ $fe-drop-folder-bg-color: $primary !default;
           .e-rcursor {
             border: 0;
           }
+          
+          @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
+            padding: 5px 8px;
+            line-height: 16px;
+          }
         }
 
         @include visibility(hidden);
@@ -746,6 +751,11 @@ $fe-drop-folder-bg-color: $primary !default;
               line-height: 20px;
             }
           }
+          
+          @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
+            padding: 10px 8px;
+            line-height: 16px;
+          }
         }
 
         tr.e-row.e-fe-drop-folder .e-rowcell:first-child {

package/SCSS-Themes/filemanager/file-manager/fluent.scss

@@ -696,6 +696,11 @@ $fe-drop-folder-bg-color: $primary !default;
           .e-rcursor {
             border: 0;
           }
+          
+          @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
+            padding: 5px 8px;
+            line-height: 16px;
+          }
         }
 
         @include visibility(hidden);
@@ -746,6 +751,11 @@ $fe-drop-folder-bg-color: $primary !default;
               line-height: 20px;
             }
           }
+          
+          @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
+            padding: 10px 8px;
+            line-height: 16px;
+          }
         }
 
         tr.e-row.e-fe-drop-folder .e-rowcell:first-child {

package/SCSS-Themes/filemanager/file-manager/highcontrast.scss

@@ -691,6 +691,11 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
           .e-rcursor {
             border: 0;
           }
+          
+          @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
+            padding: 5px 8px;
+            line-height: 16px;
+          }
         }
 
         @include visibility(hidden);
@@ -741,6 +746,11 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
               line-height: 20px;
             }
           }
+          
+          @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
+            padding: 10px 8px;
+            line-height: 16px;
+          }
         }
 
         tr.e-row.e-fe-drop-folder .e-rowcell:first-child {

package/SCSS-Themes/filemanager/file-manager/material-dark.scss

@@ -691,6 +691,11 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
           .e-rcursor {
             border: 0;
           }
+          
+          @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
+            padding: 5px 8px;
+            line-height: 16px;
+          }
         }
 
         @include visibility(hidden);
@@ -741,6 +746,11 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
               line-height: 20px;
             }
           }
+          
+          @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
+            padding: 10px 8px;
+            line-height: 16px;
+          }
         }
 
         tr.e-row.e-fe-drop-folder .e-rowcell:first-child {

package/SCSS-Themes/filemanager/file-manager/material.scss

@@ -691,6 +691,11 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
           .e-rcursor {
             border: 0;
           }
+          
+          @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
+            padding: 5px 8px;
+            line-height: 16px;
+          }
         }
 
         @include visibility(hidden);
@@ -741,6 +746,11 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
               line-height: 20px;
             }
           }
+          
+          @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
+            padding: 10px 8px;
+            line-height: 16px;
+          }
         }
 
         tr.e-row.e-fe-drop-folder .e-rowcell:first-child {

package/SCSS-Themes/filemanager/file-manager/material3-dark.scss

@@ -708,6 +708,11 @@ $fe-drop-folder-bg-color: rgba($primary) !default;
           .e-rcursor {
             border: 0;
           }
+          
+          @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
+            padding: 5px 8px;
+            line-height: 16px;
+          }
         }
 
         @include visibility(hidden);
@@ -758,6 +763,11 @@ $fe-drop-folder-bg-color: rgba($primary) !default;
               line-height: 20px;
             }
           }
+          
+          @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
+            padding: 10px 8px;
+            line-height: 16px;
+          }
         }
 
         tr.e-row.e-fe-drop-folder .e-rowcell:first-child {

package/SCSS-Themes/filemanager/file-manager/material3.scss

@@ -708,6 +708,11 @@ $fe-drop-folder-bg-color: rgba($primary) !default;
           .e-rcursor {
             border: 0;
           }
+          
+          @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
+            padding: 5px 8px;
+            line-height: 16px;
+          }
         }
 
         @include visibility(hidden);
@@ -758,6 +763,11 @@ $fe-drop-folder-bg-color: rgba($primary) !default;
               line-height: 20px;
             }
           }
+          
+          @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
+            padding: 10px 8px;
+            line-height: 16px;
+          }
         }
 
         tr.e-row.e-fe-drop-folder .e-rowcell:first-child {

package/SCSS-Themes/filemanager/file-manager/tailwind-dark.scss

@@ -683,6 +683,11 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
           .e-rcursor {
             border: 0;
           }
+          
+          @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
+            padding: 5px 8px;
+            line-height: 16px;
+          }
         }
 
         @include visibility(hidden);
@@ -733,6 +738,11 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
               line-height: 20px;
             }
           }
+          
+          @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
+            padding: 10px 8px;
+            line-height: 16px;
+          }
         }
 
         tr.e-row.e-fe-drop-folder .e-rowcell:first-child {

package/SCSS-Themes/filemanager/file-manager/tailwind.scss

@@ -683,6 +683,11 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
           .e-rcursor {
             border: 0;
           }
+          
+          @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
+            padding: 5px 8px;
+            line-height: 16px;
+          }
         }
 
         @include visibility(hidden);
@@ -733,6 +738,11 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
               line-height: 20px;
             }
           }
+          
+          @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
+            padding: 10px 8px;
+            line-height: 16px;
+          }
         }
 
         tr.e-row.e-fe-drop-folder .e-rowcell:first-child {

package/SCSS-Themes/fluent-dark.scss

@@ -75708,7 +75708,7 @@ $grid-animator-bigger-area-margin: 22px !default;
 $grid-group-animator-drop-height: 48px !default;
 $grid-group-animator-cell-margin: 12px 0 12px 0 !default;
 $grid-animtor-border-bottom-width: 1px !default;
-$grid-animator-area-padding: 0 !default;
+$grid-animator-area-padding: 0 12px 0 !default;
 $grid-animtor-area-border-width: 1px !default;
 $grid-animator-area-border: 0 !default;
 $grid-animator-area-margin: 9px !default;
@@ -77120,7 +77120,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
     .e-bigger & .e-group-animator .e-groupheadercell,
     .e-bigger & .e-group-animator .e-groupheadercell:hover {
-        margin: $grid-group-animator-bigger-cell-margin;
+margin: $grid-group-animator-bigger-cell-margin;
         border-bottom-width: $grid-animtor-border-bottom-width;
     }
 
@@ -77140,7 +77140,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
     & .e-group-animator .e-groupheadercell,
     & .e-group-animator .e-groupheadercell:hover {
-        margin: $grid-group-animator-cell-margin;
+margin: $grid-group-animator-cell-margin;
         border-bottom-width: $grid-animtor-border-bottom-width;
     }
 
@@ -77149,9 +77149,8 @@ $grid-dropitems-count-margin-left: -8px !default;
     }
 
     & .e-groupdroparea.e-group-animate.e-grouped {
-        overflow: hidden;
         padding: $grid-animator-area-padding;
-        height: $grid-group-animator-drop-height;
+        height: auto;
         border-bottom-width: $grid-animator-area-border;
     }
 
@@ -77169,14 +77168,6 @@ $grid-dropitems-count-margin-left: -8px !default;
         margin-top: $grid-animator-margin-top-rtl;
     }
 
-    &.e-rtl .e-group-animator:first-child .e-groupheadercell {
-        margin: $grid-animator-rtl-first-group;
-    }
-
-    & .e-group-animator:first-child .e-groupheadercell {
-        margin: $grid-animator-first-group;
-    }
-
     .e-group-animate.e-groupdroparea .e-nextgroup {
         margin-top: $grid-animator-area-margin;
     }
@@ -83030,6 +83021,11 @@ $fe-drop-folder-bg-color: $primary !default;
           .e-rcursor {
             border: 0;
           }
+          
+          @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
+            padding: 5px 8px;
+            line-height: 16px;
+          }
         }
 
         @include visibility(hidden);
@@ -83080,6 +83076,11 @@ $fe-drop-folder-bg-color: $primary !default;
               line-height: 20px;
             }
           }
+          
+          @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
+            padding: 10px 8px;
+            line-height: 16px;
+          }
         }
 
         tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
@@ -110156,9 +110157,10 @@ $pivotpager-single-size-title-padding: 8px !default;
         border-bottom-color: $border-light;
       }
 
-      table th[rowspan = '1'] {
-        padding-bottom: 0;
-        padding-top: 0;
+      table th[rowspan = '1'],
+      table th:not([rowspan]) {
+        padding-bottom: 0 !important;
+        padding-top: 0 !important;
         vertical-align: middle;
       }
     }

package/SCSS-Themes/fluent.scss

@@ -75709,7 +75709,7 @@ $grid-animator-bigger-area-margin: 22px !default;
 $grid-group-animator-drop-height: 48px !default;
 $grid-group-animator-cell-margin: 12px 0 12px 0 !default;
 $grid-animtor-border-bottom-width: 1px !default;
-$grid-animator-area-padding: 0 !default;
+$grid-animator-area-padding: 0 12px 0 !default;
 $grid-animtor-area-border-width: 1px !default;
 $grid-animator-area-border: 0 !default;
 $grid-animator-area-margin: 9px !default;
@@ -77121,7 +77121,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
     .e-bigger & .e-group-animator .e-groupheadercell,
     .e-bigger & .e-group-animator .e-groupheadercell:hover {
-        margin: $grid-group-animator-bigger-cell-margin;
+margin: $grid-group-animator-bigger-cell-margin;
         border-bottom-width: $grid-animtor-border-bottom-width;
     }
 
@@ -77141,7 +77141,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
     & .e-group-animator .e-groupheadercell,
     & .e-group-animator .e-groupheadercell:hover {
-        margin: $grid-group-animator-cell-margin;
+margin: $grid-group-animator-cell-margin;
         border-bottom-width: $grid-animtor-border-bottom-width;
     }
 
@@ -77150,9 +77150,8 @@ $grid-dropitems-count-margin-left: -8px !default;
     }
 
     & .e-groupdroparea.e-group-animate.e-grouped {
-        overflow: hidden;
         padding: $grid-animator-area-padding;
-        height: $grid-group-animator-drop-height;
+        height: auto;
         border-bottom-width: $grid-animator-area-border;
     }
 
@@ -77170,14 +77169,6 @@ $grid-dropitems-count-margin-left: -8px !default;
         margin-top: $grid-animator-margin-top-rtl;
     }
 
-    &.e-rtl .e-group-animator:first-child .e-groupheadercell {
-        margin: $grid-animator-rtl-first-group;
-    }
-
-    & .e-group-animator:first-child .e-groupheadercell {
-        margin: $grid-animator-first-group;
-    }
-
     .e-group-animate.e-groupdroparea .e-nextgroup {
         margin-top: $grid-animator-area-margin;
     }
@@ -83031,6 +83022,11 @@ $fe-drop-folder-bg-color: $primary !default;
           .e-rcursor {
             border: 0;
           }
+          
+          @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
+            padding: 5px 8px;
+            line-height: 16px;
+          }
         }
 
         @include visibility(hidden);
@@ -83081,6 +83077,11 @@ $fe-drop-folder-bg-color: $primary !default;
               line-height: 20px;
             }
           }
+          
+          @if $fm-skin-name == 'fabric' or $fm-skin-name == 'fabric-dark' {
+            padding: 10px 8px;
+            line-height: 16px;
+          }
         }
 
         tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
@@ -110157,9 +110158,10 @@ $pivotpager-single-size-title-padding: 8px !default;
         border-bottom-color: $border-light;
       }
 
-      table th[rowspan = '1'] {
-        padding-bottom: 0;
-        padding-top: 0;
+      table th[rowspan = '1'],
+      table th:not([rowspan]) {
+        padding-bottom: 0 !important;
+        padding-top: 0 !important;
         vertical-align: middle;
       }
     }

package/SCSS-Themes/grids/grid/bootstrap-dark.scss

@@ -552,7 +552,7 @@ $grid-animator-bigger-area-margin: 22px !default;
 $grid-group-animator-drop-height: 62px !default;
 $grid-group-animator-cell-margin: 12px 0 12px 0 !default;
 $grid-animtor-border-bottom-width: 1px !default;
-$grid-animator-area-padding: 0 !default;
+$grid-animator-area-padding: 0 12px 0 !default;
 $grid-animtor-area-border-width: 1px !default;
 $grid-animator-area-border: 0 !default;
 $grid-animator-area-margin: 16px !default;
@@ -1974,7 +1974,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
     .e-bigger & .e-group-animator .e-groupheadercell,
     .e-bigger & .e-group-animator .e-groupheadercell:hover {
-        margin: $grid-group-animator-bigger-cell-margin;
+margin: $grid-group-animator-bigger-cell-margin;
         border-bottom-width: $grid-animtor-border-bottom-width;
     }
 
@@ -1994,7 +1994,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
     & .e-group-animator .e-groupheadercell,
     & .e-group-animator .e-groupheadercell:hover {
-        margin: $grid-group-animator-cell-margin;
+margin: $grid-group-animator-cell-margin;
         border-bottom-width: $grid-animtor-border-bottom-width;
     }
 
@@ -2003,9 +2003,8 @@ $grid-dropitems-count-margin-left: -8px !default;
     }
 
     & .e-groupdroparea.e-group-animate.e-grouped {
-        overflow: hidden;
         padding: $grid-animator-area-padding;
-        height: $grid-group-animator-drop-height;
+        height: auto;
         border-bottom-width: $grid-animator-area-border;
     }
 
@@ -2023,14 +2022,6 @@ $grid-dropitems-count-margin-left: -8px !default;
         margin-top: $grid-animator-margin-top-rtl;
     }
 
-    &.e-rtl .e-group-animator:first-child .e-groupheadercell {
-        margin: $grid-animator-rtl-first-group;
-    }
-
-    & .e-group-animator:first-child .e-groupheadercell {
-        margin: $grid-animator-first-group;
-    }
-
     .e-group-animate.e-groupdroparea .e-nextgroup {
         margin-top: $grid-animator-area-margin;
     }

package/SCSS-Themes/grids/grid/bootstrap.scss

@@ -554,7 +554,7 @@ $grid-animator-bigger-area-margin: 22px !default;
 $grid-group-animator-drop-height: 64px !default;
 $grid-group-animator-cell-margin: 13px 0 13px 0 !default;
 $grid-animtor-border-bottom-width: 1px !default;
-$grid-animator-area-padding: 0 !default;
+$grid-animator-area-padding: 0 13px 0 !default;
 $grid-animtor-area-border-width: 1px !default;
 $grid-animator-area-border: 0 !default;
 $grid-animator-area-margin: 18px !default;
@@ -1976,7 +1976,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
     .e-bigger & .e-group-animator .e-groupheadercell,
     .e-bigger & .e-group-animator .e-groupheadercell:hover {
-        margin: $grid-group-animator-bigger-cell-margin;
+margin: $grid-group-animator-bigger-cell-margin;
         border-bottom-width: $grid-animtor-border-bottom-width;
     }
 
@@ -1996,7 +1996,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
     & .e-group-animator .e-groupheadercell,
     & .e-group-animator .e-groupheadercell:hover {
-        margin: $grid-group-animator-cell-margin;
+margin: $grid-group-animator-cell-margin;
         border-bottom-width: $grid-animtor-border-bottom-width;
     }
 
@@ -2005,9 +2005,8 @@ $grid-dropitems-count-margin-left: -8px !default;
     }
 
     & .e-groupdroparea.e-group-animate.e-grouped {
-        overflow: hidden;
         padding: $grid-animator-area-padding;
-        height: $grid-group-animator-drop-height;
+        height: auto;
         border-bottom-width: $grid-animator-area-border;
     }
 
@@ -2025,14 +2024,6 @@ $grid-dropitems-count-margin-left: -8px !default;
         margin-top: $grid-animator-margin-top-rtl;
     }
 
-    &.e-rtl .e-group-animator:first-child .e-groupheadercell {
-        margin: $grid-animator-rtl-first-group;
-    }
-
-    & .e-group-animator:first-child .e-groupheadercell {
-        margin: $grid-animator-first-group;
-    }
-
     .e-group-animate.e-groupdroparea .e-nextgroup {
         margin-top: $grid-animator-area-margin;
     }

package/SCSS-Themes/grids/grid/bootstrap4.scss

@@ -559,7 +559,7 @@ $grid-animator-bigger-area-margin: 22px !default;
 $grid-group-animator-drop-height: 48px !default;
 $grid-group-animator-cell-margin: 12px 0 12px 0 !default;
 $grid-animtor-border-bottom-width: 1px !default;
-$grid-animator-area-padding: 0 !default;
+$grid-animator-area-padding: 0 12px 0 !default;
 $grid-animtor-area-border-width: 1px !default;
 $grid-animator-area-border: 0 !default;
 $grid-animator-area-margin: 9px !default;
@@ -1981,7 +1981,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
     .e-bigger & .e-group-animator .e-groupheadercell,
     .e-bigger & .e-group-animator .e-groupheadercell:hover {
-        margin: $grid-group-animator-bigger-cell-margin;
+margin: $grid-group-animator-bigger-cell-margin;
         border-bottom-width: $grid-animtor-border-bottom-width;
     }
 
@@ -2001,7 +2001,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
     & .e-group-animator .e-groupheadercell,
     & .e-group-animator .e-groupheadercell:hover {
-        margin: $grid-group-animator-cell-margin;
+margin: $grid-group-animator-cell-margin;
         border-bottom-width: $grid-animtor-border-bottom-width;
     }
 
@@ -2010,9 +2010,8 @@ $grid-dropitems-count-margin-left: -8px !default;
     }
 
     & .e-groupdroparea.e-group-animate.e-grouped {
-        overflow: hidden;
         padding: $grid-animator-area-padding;
-        height: $grid-group-animator-drop-height;
+        height: auto;
         border-bottom-width: $grid-animator-area-border;
     }
 
@@ -2030,14 +2029,6 @@ $grid-dropitems-count-margin-left: -8px !default;
         margin-top: $grid-animator-margin-top-rtl;
     }
 
-    &.e-rtl .e-group-animator:first-child .e-groupheadercell {
-        margin: $grid-animator-rtl-first-group;
-    }
-
-    & .e-group-animator:first-child .e-groupheadercell {
-        margin: $grid-animator-first-group;
-    }
-
     .e-group-animate.e-groupdroparea .e-nextgroup {
         margin-top: $grid-animator-area-margin;
     }