@syncfusion/blazor-themes 23.1.42 → 23.1.44

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;
     }
@@ -77809,8 +77800,8 @@ $grid-dropitems-count-margin-left: -8px !default;
       border-left-width: 0;
     }
 
-    &.e-default.e-bothlines .e-headercell,
-    &.e-default.e-bothlines .e-detailheadercell {
+    &:not(.sf-grid).e-default.e-bothlines .e-headercell,
+    &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
       border-width: $grid-headercell-both-border-width;
     }
 
@@ -78505,7 +78496,7 @@ $grid-dropitems-count-margin-left: -8px !default;
       border-left-width: $grid-border-size;
     }
 
-    &.e-bothlines .e-gridheader th.e-stackedheadercell {
+    &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
       border-bottom-style: $grid-border-type;
       border-bottom-width: $grid-border-size;
       border-left-style: $grid-border-type;
@@ -79794,8 +79785,8 @@ $grid-dropitems-count-margin-left: -8px !default;
         padding-top: $grid-ungroup-rtl-padding-top;
       }
 
-      &.e-default.e-bothlines .e-headercell,
-      &.e-default.e-bothlines .e-detailheadercell {
+      &:not(.sf-grid).e-default.e-bothlines .e-headercell,
+      &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
         border-width: $grid-headercell-both-border-width;
       }
 
@@ -79818,7 +79809,7 @@ $grid-dropitems-count-margin-left: -8px !default;
         border-right: 0;
       }
 
-      &.e-bothlines .e-gridheader th.e-stackedheadercell {
+      &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
         border-bottom-style: $grid-border-type;
         border-bottom-width: $grid-border-size;
       }
@@ -80325,6 +80316,16 @@ $grid-dropitems-count-margin-left: -8px !default;
         }
       }
 
+      &.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+        border-bottom-style: $grid-border-type;
+        border-bottom-width: $grid-border-size;
+      }
+
+      &.e-rtl.e-default.e-bothlines .e-headercell,
+      &.e-rtl.e-default.e-bothlines .e-detailheadercell {
+        border-width: $grid-headercell-both-border-width;
+      }
+      
       .e-bigger #{&}.e-grid.sf-grid,
       #{&}.e-grid.sf-grid.e-bigger {
         .e-gridheader table th:not([rowspan = '1']),
@@ -83030,6 +83031,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 +83086,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 {
@@ -100183,15 +100194,15 @@ $pv-comment-text-cursor-color: $black !default;
     font-size: 18px;
   }
 
-  .e-pv-annotation-color-container,
-  .e-pv-annotation-opacity-container,
-  .e-pv-annotation-stroke-container,
-  .e-pv-custom-annotation-thickness-container,
-  .e-pv-custom-annotation-opacity-container,
-  .e-pv-annotation-thickness-container,
-  .e-pv-annotation-textcolor-container,
-  .e-pv-annotation-textalign-container,
-  .e-pv-annotation-textprop-container {
+  .e-pv-annotation-color-container .e-btn,
+  .e-pv-annotation-opacity-container .e-btn,
+  .e-pv-annotation-stroke-container .e-btn,
+  .e-pv-custom-annotation-thickness-container .e-btn,
+  .e-pv-custom-annotation-opacity-container .e-btn,
+  .e-pv-annotation-thickness-container .e-btn,
+  .e-pv-annotation-textcolor-container .e-btn,
+  .e-pv-annotation-textalign-container .e-btn,
+  .e-pv-annotation-textprop-container .e-btn {
     height: $pv-annotation-drop-down-height;
     width: $pv-annotation-drop-down-width;
   }
@@ -110085,16 +110096,6 @@ $pivotpager-single-size-title-padding: 8px !default;
       }
     }
 
-    &.e-device {
-      .e-pivotcell-container {
-        .e-stackedheadertext {
-          &.e-cellvalue {
-            align-self: center;
-          }
-        }
-      }
-    }
-
     .e-nextspan {
       display: inline-block;
       width: $pivotview-indent-space-size;
@@ -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;
       }
     }
@@ -110374,10 +110376,12 @@ $pivotpager-single-size-title-padding: 8px !default;
       .e-spinner-pane.e-pivot-outer-spinner {
         z-index: 1 !important;
       }
+
       .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
         visibility: hidden !important;
         /* stylelint-enable */
       }
+
       .e-grid {
         .e-pivot-content-loader {
           position: absolute;
@@ -110396,6 +110400,10 @@ $pivotpager-single-size-title-padding: 8px !default;
           visibility: hidden;
         }
       }
+
+      &.e-device .e-pivotcell-container .e-stackedheadertext.e-cellvalue {
+        align-self: center;
+      }
     }
 
     .e-grid .e-headercelldiv,

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;
     }
@@ -77810,8 +77801,8 @@ $grid-dropitems-count-margin-left: -8px !default;
       border-left-width: 0;
     }
 
-    &.e-default.e-bothlines .e-headercell,
-    &.e-default.e-bothlines .e-detailheadercell {
+    &:not(.sf-grid).e-default.e-bothlines .e-headercell,
+    &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
       border-width: $grid-headercell-both-border-width;
     }
 
@@ -78506,7 +78497,7 @@ $grid-dropitems-count-margin-left: -8px !default;
       border-left-width: $grid-border-size;
     }
 
-    &.e-bothlines .e-gridheader th.e-stackedheadercell {
+    &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
       border-bottom-style: $grid-border-type;
       border-bottom-width: $grid-border-size;
       border-left-style: $grid-border-type;
@@ -79795,8 +79786,8 @@ $grid-dropitems-count-margin-left: -8px !default;
         padding-top: $grid-ungroup-rtl-padding-top;
       }
 
-      &.e-default.e-bothlines .e-headercell,
-      &.e-default.e-bothlines .e-detailheadercell {
+      &:not(.sf-grid).e-default.e-bothlines .e-headercell,
+      &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
         border-width: $grid-headercell-both-border-width;
       }
 
@@ -79819,7 +79810,7 @@ $grid-dropitems-count-margin-left: -8px !default;
         border-right: 0;
       }
 
-      &.e-bothlines .e-gridheader th.e-stackedheadercell {
+      &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
         border-bottom-style: $grid-border-type;
         border-bottom-width: $grid-border-size;
       }
@@ -80326,6 +80317,16 @@ $grid-dropitems-count-margin-left: -8px !default;
         }
       }
 
+      &.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+        border-bottom-style: $grid-border-type;
+        border-bottom-width: $grid-border-size;
+      }
+
+      &.e-rtl.e-default.e-bothlines .e-headercell,
+      &.e-rtl.e-default.e-bothlines .e-detailheadercell {
+        border-width: $grid-headercell-both-border-width;
+      }
+      
       .e-bigger #{&}.e-grid.sf-grid,
       #{&}.e-grid.sf-grid.e-bigger {
         .e-gridheader table th:not([rowspan = '1']),
@@ -83031,6 +83032,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 +83087,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 {
@@ -100184,15 +100195,15 @@ $pv-comment-text-cursor-color: $black !default;
     font-size: 18px;
   }
 
-  .e-pv-annotation-color-container,
-  .e-pv-annotation-opacity-container,
-  .e-pv-annotation-stroke-container,
-  .e-pv-custom-annotation-thickness-container,
-  .e-pv-custom-annotation-opacity-container,
-  .e-pv-annotation-thickness-container,
-  .e-pv-annotation-textcolor-container,
-  .e-pv-annotation-textalign-container,
-  .e-pv-annotation-textprop-container {
+  .e-pv-annotation-color-container .e-btn,
+  .e-pv-annotation-opacity-container .e-btn,
+  .e-pv-annotation-stroke-container .e-btn,
+  .e-pv-custom-annotation-thickness-container .e-btn,
+  .e-pv-custom-annotation-opacity-container .e-btn,
+  .e-pv-annotation-thickness-container .e-btn,
+  .e-pv-annotation-textcolor-container .e-btn,
+  .e-pv-annotation-textalign-container .e-btn,
+  .e-pv-annotation-textprop-container .e-btn {
     height: $pv-annotation-drop-down-height;
     width: $pv-annotation-drop-down-width;
   }
@@ -110086,16 +110097,6 @@ $pivotpager-single-size-title-padding: 8px !default;
       }
     }
 
-    &.e-device {
-      .e-pivotcell-container {
-        .e-stackedheadertext {
-          &.e-cellvalue {
-            align-self: center;
-          }
-        }
-      }
-    }
-
     .e-nextspan {
       display: inline-block;
       width: $pivotview-indent-space-size;
@@ -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;
       }
     }
@@ -110375,10 +110377,12 @@ $pivotpager-single-size-title-padding: 8px !default;
       .e-spinner-pane.e-pivot-outer-spinner {
         z-index: 1 !important;
       }
+
       .e-spinner-pane.e-pivot-outer-spinner .e-spinner-inner {
         visibility: hidden !important;
         /* stylelint-enable */
       }
+
       .e-grid {
         .e-pivot-content-loader {
           position: absolute;
@@ -110397,6 +110401,10 @@ $pivotpager-single-size-title-padding: 8px !default;
           visibility: hidden;
         }
       }
+
+      &.e-device .e-pivotcell-container .e-stackedheadertext.e-cellvalue {
+        align-self: center;
+      }
     }
 
     .e-grid .e-headercelldiv,

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;
     }
@@ -2663,8 +2654,8 @@ $grid-dropitems-count-margin-left: -8px !default;
       border-left-width: 0;
     }
 
-    &.e-default.e-bothlines .e-headercell,
-    &.e-default.e-bothlines .e-detailheadercell {
+    &:not(.sf-grid).e-default.e-bothlines .e-headercell,
+    &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
       border-width: $grid-headercell-both-border-width;
     }
 
@@ -3359,7 +3350,7 @@ $grid-dropitems-count-margin-left: -8px !default;
       border-left-width: $grid-border-size;
     }
 
-    &.e-bothlines .e-gridheader th.e-stackedheadercell {
+    &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
       border-bottom-style: $grid-border-type;
       border-bottom-width: $grid-border-size;
       border-left-style: $grid-border-type;
@@ -4648,8 +4639,8 @@ $grid-dropitems-count-margin-left: -8px !default;
         padding-top: $grid-ungroup-rtl-padding-top;
       }
 
-      &.e-default.e-bothlines .e-headercell,
-      &.e-default.e-bothlines .e-detailheadercell {
+      &:not(.sf-grid).e-default.e-bothlines .e-headercell,
+      &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
         border-width: $grid-headercell-both-border-width;
       }
 
@@ -4672,7 +4663,7 @@ $grid-dropitems-count-margin-left: -8px !default;
         border-right: 0;
       }
 
-      &.e-bothlines .e-gridheader th.e-stackedheadercell {
+      &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
         border-bottom-style: $grid-border-type;
         border-bottom-width: $grid-border-size;
       }
@@ -5179,6 +5170,16 @@ $grid-dropitems-count-margin-left: -8px !default;
         }
       }
 
+      &.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+        border-bottom-style: $grid-border-type;
+        border-bottom-width: $grid-border-size;
+      }
+
+      &.e-rtl.e-default.e-bothlines .e-headercell,
+      &.e-rtl.e-default.e-bothlines .e-detailheadercell {
+        border-width: $grid-headercell-both-border-width;
+      }
+      
       .e-bigger #{&}.e-grid.sf-grid,
       #{&}.e-grid.sf-grid.e-bigger {
         .e-gridheader table th:not([rowspan = '1']),

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;
     }
@@ -2665,8 +2656,8 @@ $grid-dropitems-count-margin-left: -8px !default;
       border-left-width: 0;
     }
 
-    &.e-default.e-bothlines .e-headercell,
-    &.e-default.e-bothlines .e-detailheadercell {
+    &:not(.sf-grid).e-default.e-bothlines .e-headercell,
+    &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
       border-width: $grid-headercell-both-border-width;
     }
 
@@ -3361,7 +3352,7 @@ $grid-dropitems-count-margin-left: -8px !default;
       border-left-width: $grid-border-size;
     }
 
-    &.e-bothlines .e-gridheader th.e-stackedheadercell {
+    &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
       border-bottom-style: $grid-border-type;
       border-bottom-width: $grid-border-size;
       border-left-style: $grid-border-type;
@@ -4650,8 +4641,8 @@ $grid-dropitems-count-margin-left: -8px !default;
         padding-top: $grid-ungroup-rtl-padding-top;
       }
 
-      &.e-default.e-bothlines .e-headercell,
-      &.e-default.e-bothlines .e-detailheadercell {
+      &:not(.sf-grid).e-default.e-bothlines .e-headercell,
+      &:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
         border-width: $grid-headercell-both-border-width;
       }
 
@@ -4674,7 +4665,7 @@ $grid-dropitems-count-margin-left: -8px !default;
         border-right: 0;
       }
 
-      &.e-bothlines .e-gridheader th.e-stackedheadercell {
+      &:not(.sf-grid).e-bothlines .e-gridheader th.e-stackedheadercell {
         border-bottom-style: $grid-border-type;
         border-bottom-width: $grid-border-size;
       }
@@ -5181,6 +5172,16 @@ $grid-dropitems-count-margin-left: -8px !default;
         }
       }
 
+      &.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
+        border-bottom-style: $grid-border-type;
+        border-bottom-width: $grid-border-size;
+      }
+
+      &.e-rtl.e-default.e-bothlines .e-headercell,
+      &.e-rtl.e-default.e-bothlines .e-detailheadercell {
+        border-width: $grid-headercell-both-border-width;
+      }
+      
       .e-bigger #{&}.e-grid.sf-grid,
       #{&}.e-grid.sf-grid.e-bigger {
         .e-gridheader table th:not([rowspan = '1']),