@syncfusion/blazor-themes 27.2.3 → 27.2.5

package/SCSS-Themes/grids/grid/bds-dark-lite.scss

@@ -1759,6 +1759,7 @@ $grid-checkmark-color: $primary !default;
       width: $grid-resize-border-width;
     }
 
+    & .e-rhelper,
     & .e-virtual-rhandler {
       z-index: 5;
     }
@@ -1888,7 +1889,7 @@ $grid-checkmark-color: $primary !default;
     }
 
     .e-gridheader {
-      & tr:first-child th {
+      & tr:first-child th:not(.e-freezeleftborder, .e-freezerightborder) {
         border-top: 0 none;
       }
 
@@ -2285,8 +2286,8 @@ $grid-checkmark-color: $primary !default;
     }
   
     &.e-default:not(.e-rtl) tr {
-      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder),
-      & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
+      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder, .e-leftfreeze.e-freezeleftborder.e-focused),
+      & th.e-headercell:first-child:not(.e-firstcell, .e-headercell.e-frozen-left-border, .e-leftfreeze.e-freezeleftborder.e-focused),
       & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
         border-left-width: 0;
       }
@@ -4924,6 +4925,14 @@ $grid-checkmark-color: $primary !default;
     .e-headercell,
     .e-detailheadercell {
       background-color: $grid-header-bg-color;
+
+      &.e-leftfreeze:not(.e-rowcell),
+      &.e-rightfreeze:not(.e-rowcell),
+      &.e-fixedfreeze:not(.e-rowcell) {
+        @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'tailwind' {
+          background-color: $grid-header-bg-color;
+        }
+      }
     }
 
     .e-gridcontent {
@@ -5093,7 +5102,9 @@ $grid-checkmark-color: $primary !default;
 
     &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
       &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-        @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        @if $grid-skin != 'material3' {
+          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        }
       }
     }
 
@@ -5523,6 +5534,12 @@ $grid-checkmark-color: $primary !default;
     margin-right: $grid-filterbar-dropdown;
   }
 
+  .e-bigger .e-filterbardropdown:not(.e-rtl) {
+    @if $grid-skin == 'highcontrast' {
+      margin-right: 38px;
+    }
+  }
+
   .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
     .e-filterbardropdown {
       border: transparent;

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

@@ -1759,6 +1759,7 @@ $grid-checkmark-color: $primary !default;
       width: $grid-resize-border-width;
     }
 
+    & .e-rhelper,
     & .e-virtual-rhandler {
       z-index: 5;
     }
@@ -1888,7 +1889,7 @@ $grid-checkmark-color: $primary !default;
     }
 
     .e-gridheader {
-      & tr:first-child th {
+      & tr:first-child th:not(.e-freezeleftborder, .e-freezerightborder) {
         border-top: 0 none;
       }
 
@@ -2285,8 +2286,8 @@ $grid-checkmark-color: $primary !default;
     }
   
     &.e-default:not(.e-rtl) tr {
-      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder),
-      & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
+      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder, .e-leftfreeze.e-freezeleftborder.e-focused),
+      & th.e-headercell:first-child:not(.e-firstcell, .e-headercell.e-frozen-left-border, .e-leftfreeze.e-freezeleftborder.e-focused),
       & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
         border-left-width: 0;
       }
@@ -4924,6 +4925,14 @@ $grid-checkmark-color: $primary !default;
     .e-headercell,
     .e-detailheadercell {
       background-color: $grid-header-bg-color;
+
+      &.e-leftfreeze:not(.e-rowcell),
+      &.e-rightfreeze:not(.e-rowcell),
+      &.e-fixedfreeze:not(.e-rowcell) {
+        @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'tailwind' {
+          background-color: $grid-header-bg-color;
+        }
+      }
     }
 
     .e-gridcontent {
@@ -5093,7 +5102,9 @@ $grid-checkmark-color: $primary !default;
 
     &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
       &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-        @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        @if $grid-skin != 'material3' {
+          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        }
       }
     }
 
@@ -5523,6 +5534,12 @@ $grid-checkmark-color: $primary !default;
     margin-right: $grid-filterbar-dropdown;
   }
 
+  .e-bigger .e-filterbardropdown:not(.e-rtl) {
+    @if $grid-skin == 'highcontrast' {
+      margin-right: 38px;
+    }
+  }
+
   .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
     .e-filterbardropdown {
       border: transparent;
@@ -5918,7 +5935,9 @@ $grid-checkmark-color: $primary !default;
 
       &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
         &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+          @if $grid-skin != 'material3' {
+            @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+          }
         }
       }
     }
@@ -7755,10 +7774,10 @@ $grid-checkmark-color: $primary !default;
         }
         & .e-btn {
           @if $grid-skin != 'fluent2' {
+            color: $grid-responsive-custom-header-btn-color;
             background: none;
           }
           border: 0;
-          color: $grid-responsive-custom-header-btn-color;
         }
         & .e-btn .e-icon-filter-clear {
           @if $grid-skin == 'fluent2' {

package/SCSS-Themes/grids/grid/bds-lite.scss

@@ -1759,6 +1759,7 @@ $grid-checkmark-color: $primary !default;
       width: $grid-resize-border-width;
     }
 
+    & .e-rhelper,
     & .e-virtual-rhandler {
       z-index: 5;
     }
@@ -1888,7 +1889,7 @@ $grid-checkmark-color: $primary !default;
     }
 
     .e-gridheader {
-      & tr:first-child th {
+      & tr:first-child th:not(.e-freezeleftborder, .e-freezerightborder) {
         border-top: 0 none;
       }
 
@@ -2285,8 +2286,8 @@ $grid-checkmark-color: $primary !default;
     }
   
     &.e-default:not(.e-rtl) tr {
-      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder),
-      & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
+      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder, .e-leftfreeze.e-freezeleftborder.e-focused),
+      & th.e-headercell:first-child:not(.e-firstcell, .e-headercell.e-frozen-left-border, .e-leftfreeze.e-freezeleftborder.e-focused),
       & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
         border-left-width: 0;
       }
@@ -4924,6 +4925,14 @@ $grid-checkmark-color: $primary !default;
     .e-headercell,
     .e-detailheadercell {
       background-color: $grid-header-bg-color;
+
+      &.e-leftfreeze:not(.e-rowcell),
+      &.e-rightfreeze:not(.e-rowcell),
+      &.e-fixedfreeze:not(.e-rowcell) {
+        @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'tailwind' {
+          background-color: $grid-header-bg-color;
+        }
+      }
     }
 
     .e-gridcontent {
@@ -5093,7 +5102,9 @@ $grid-checkmark-color: $primary !default;
 
     &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
       &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-        @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        @if $grid-skin != 'material3' {
+          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        }
       }
     }
 
@@ -5523,6 +5534,12 @@ $grid-checkmark-color: $primary !default;
     margin-right: $grid-filterbar-dropdown;
   }
 
+  .e-bigger .e-filterbardropdown:not(.e-rtl) {
+    @if $grid-skin == 'highcontrast' {
+      margin-right: 38px;
+    }
+  }
+
   .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
     .e-filterbardropdown {
       border: transparent;

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

@@ -1759,6 +1759,7 @@ $grid-checkmark-color: $primary !default;
       width: $grid-resize-border-width;
     }
 
+    & .e-rhelper,
     & .e-virtual-rhandler {
       z-index: 5;
     }
@@ -1888,7 +1889,7 @@ $grid-checkmark-color: $primary !default;
     }
 
     .e-gridheader {
-      & tr:first-child th {
+      & tr:first-child th:not(.e-freezeleftborder, .e-freezerightborder) {
         border-top: 0 none;
       }
 
@@ -2285,8 +2286,8 @@ $grid-checkmark-color: $primary !default;
     }
   
     &.e-default:not(.e-rtl) tr {
-      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder),
-      & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
+      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder, .e-leftfreeze.e-freezeleftborder.e-focused),
+      & th.e-headercell:first-child:not(.e-firstcell, .e-headercell.e-frozen-left-border, .e-leftfreeze.e-freezeleftborder.e-focused),
       & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
         border-left-width: 0;
       }
@@ -4924,6 +4925,14 @@ $grid-checkmark-color: $primary !default;
     .e-headercell,
     .e-detailheadercell {
       background-color: $grid-header-bg-color;
+
+      &.e-leftfreeze:not(.e-rowcell),
+      &.e-rightfreeze:not(.e-rowcell),
+      &.e-fixedfreeze:not(.e-rowcell) {
+        @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'tailwind' {
+          background-color: $grid-header-bg-color;
+        }
+      }
     }
 
     .e-gridcontent {
@@ -5093,7 +5102,9 @@ $grid-checkmark-color: $primary !default;
 
     &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
       &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-        @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        @if $grid-skin != 'material3' {
+          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        }
       }
     }
 
@@ -5523,6 +5534,12 @@ $grid-checkmark-color: $primary !default;
     margin-right: $grid-filterbar-dropdown;
   }
 
+  .e-bigger .e-filterbardropdown:not(.e-rtl) {
+    @if $grid-skin == 'highcontrast' {
+      margin-right: 38px;
+    }
+  }
+
   .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
     .e-filterbardropdown {
       border: transparent;
@@ -5918,7 +5935,9 @@ $grid-checkmark-color: $primary !default;
 
       &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
         &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+          @if $grid-skin != 'material3' {
+            @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+          }
         }
       }
     }
@@ -7755,10 +7774,10 @@ $grid-checkmark-color: $primary !default;
         }
         & .e-btn {
           @if $grid-skin != 'fluent2' {
+            color: $grid-responsive-custom-header-btn-color;
             background: none;
           }
           border: 0;
-          color: $grid-responsive-custom-header-btn-color;
         }
         & .e-btn .e-icon-filter-clear {
           @if $grid-skin == 'fluent2' {

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

@@ -1748,6 +1748,7 @@ $grid-checkmark-color: $grey-light-font !default;
       width: $grid-resize-border-width;
     }
 
+    & .e-rhelper,
     & .e-virtual-rhandler {
       z-index: 5;
     }
@@ -1877,7 +1878,7 @@ $grid-checkmark-color: $grey-light-font !default;
     }
 
     .e-gridheader {
-      & tr:first-child th {
+      & tr:first-child th:not(.e-freezeleftborder, .e-freezerightborder) {
         border-top: 0 none;
       }
 
@@ -2274,8 +2275,8 @@ $grid-checkmark-color: $grey-light-font !default;
     }
   
     &.e-default:not(.e-rtl) tr {
-      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder),
-      & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
+      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder, .e-leftfreeze.e-freezeleftborder.e-focused),
+      & th.e-headercell:first-child:not(.e-firstcell, .e-headercell.e-frozen-left-border, .e-leftfreeze.e-freezeleftborder.e-focused),
       & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
         border-left-width: 0;
       }
@@ -4913,6 +4914,14 @@ $grid-checkmark-color: $grey-light-font !default;
     .e-headercell,
     .e-detailheadercell {
       background-color: $grid-header-bg-color;
+
+      &.e-leftfreeze:not(.e-rowcell),
+      &.e-rightfreeze:not(.e-rowcell),
+      &.e-fixedfreeze:not(.e-rowcell) {
+        @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'tailwind' {
+          background-color: $grid-header-bg-color;
+        }
+      }
     }
 
     .e-gridcontent {
@@ -5082,7 +5091,9 @@ $grid-checkmark-color: $grey-light-font !default;
 
     &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
       &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-        @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        @if $grid-skin != 'material3' {
+          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        }
       }
     }
 
@@ -5512,6 +5523,12 @@ $grid-checkmark-color: $grey-light-font !default;
     margin-right: $grid-filterbar-dropdown;
   }
 
+  .e-bigger .e-filterbardropdown:not(.e-rtl) {
+    @if $grid-skin == 'highcontrast' {
+      margin-right: 38px;
+    }
+  }
+
   .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
     .e-filterbardropdown {
       border: transparent;

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

@@ -1748,6 +1748,7 @@ $grid-checkmark-color: $grey-light-font !default;
       width: $grid-resize-border-width;
     }
 
+    & .e-rhelper,
     & .e-virtual-rhandler {
       z-index: 5;
     }
@@ -1877,7 +1878,7 @@ $grid-checkmark-color: $grey-light-font !default;
     }
 
     .e-gridheader {
-      & tr:first-child th {
+      & tr:first-child th:not(.e-freezeleftborder, .e-freezerightborder) {
         border-top: 0 none;
       }
 
@@ -2274,8 +2275,8 @@ $grid-checkmark-color: $grey-light-font !default;
     }
   
     &.e-default:not(.e-rtl) tr {
-      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder),
-      & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
+      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder, .e-leftfreeze.e-freezeleftborder.e-focused),
+      & th.e-headercell:first-child:not(.e-firstcell, .e-headercell.e-frozen-left-border, .e-leftfreeze.e-freezeleftborder.e-focused),
       & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
         border-left-width: 0;
       }
@@ -4913,6 +4914,14 @@ $grid-checkmark-color: $grey-light-font !default;
     .e-headercell,
     .e-detailheadercell {
       background-color: $grid-header-bg-color;
+
+      &.e-leftfreeze:not(.e-rowcell),
+      &.e-rightfreeze:not(.e-rowcell),
+      &.e-fixedfreeze:not(.e-rowcell) {
+        @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'tailwind' {
+          background-color: $grid-header-bg-color;
+        }
+      }
     }
 
     .e-gridcontent {
@@ -5082,7 +5091,9 @@ $grid-checkmark-color: $grey-light-font !default;
 
     &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
       &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-        @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        @if $grid-skin != 'material3' {
+          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        }
       }
     }
 
@@ -5512,6 +5523,12 @@ $grid-checkmark-color: $grey-light-font !default;
     margin-right: $grid-filterbar-dropdown;
   }
 
+  .e-bigger .e-filterbardropdown:not(.e-rtl) {
+    @if $grid-skin == 'highcontrast' {
+      margin-right: 38px;
+    }
+  }
+
   .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
     .e-filterbardropdown {
       border: transparent;
@@ -5915,7 +5932,9 @@ $grid-checkmark-color: $grey-light-font !default;
 
       &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
         &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+          @if $grid-skin != 'material3' {
+            @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+          }
         }
       }
     }
@@ -7752,10 +7771,10 @@ $grid-checkmark-color: $grey-light-font !default;
         }
         & .e-btn {
           @if $grid-skin != 'fluent2' {
+            color: $grid-responsive-custom-header-btn-color;
             background: none;
           }
           border: 0;
-          color: $grid-responsive-custom-header-btn-color;
         }
         & .e-btn .e-icon-filter-clear {
           @if $grid-skin == 'fluent2' {

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

@@ -1747,6 +1747,7 @@ $grid-checkmark-color: $grey !default;
       width: $grid-resize-border-width;
     }
 
+    & .e-rhelper,
     & .e-virtual-rhandler {
       z-index: 5;
     }
@@ -1876,7 +1877,7 @@ $grid-checkmark-color: $grey !default;
     }
 
     .e-gridheader {
-      & tr:first-child th {
+      & tr:first-child th:not(.e-freezeleftborder, .e-freezerightborder) {
         border-top: 0 none;
       }
 
@@ -2273,8 +2274,8 @@ $grid-checkmark-color: $grey !default;
     }
   
     &.e-default:not(.e-rtl) tr {
-      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder),
-      & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
+      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder, .e-leftfreeze.e-freezeleftborder.e-focused),
+      & th.e-headercell:first-child:not(.e-firstcell, .e-headercell.e-frozen-left-border, .e-leftfreeze.e-freezeleftborder.e-focused),
       & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
         border-left-width: 0;
       }
@@ -4912,6 +4913,14 @@ $grid-checkmark-color: $grey !default;
     .e-headercell,
     .e-detailheadercell {
       background-color: $grid-header-bg-color;
+
+      &.e-leftfreeze:not(.e-rowcell),
+      &.e-rightfreeze:not(.e-rowcell),
+      &.e-fixedfreeze:not(.e-rowcell) {
+        @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'tailwind' {
+          background-color: $grid-header-bg-color;
+        }
+      }
     }
 
     .e-gridcontent {
@@ -5081,7 +5090,9 @@ $grid-checkmark-color: $grey !default;
 
     &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
       &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-        @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        @if $grid-skin != 'material3' {
+          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        }
       }
     }
 
@@ -5511,6 +5522,12 @@ $grid-checkmark-color: $grey !default;
     margin-right: $grid-filterbar-dropdown;
   }
 
+  .e-bigger .e-filterbardropdown:not(.e-rtl) {
+    @if $grid-skin == 'highcontrast' {
+      margin-right: 38px;
+    }
+  }
+
   .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
     .e-filterbardropdown {
       border: transparent;

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

@@ -1747,6 +1747,7 @@ $grid-checkmark-color: $grey !default;
       width: $grid-resize-border-width;
     }
 
+    & .e-rhelper,
     & .e-virtual-rhandler {
       z-index: 5;
     }
@@ -1876,7 +1877,7 @@ $grid-checkmark-color: $grey !default;
     }
 
     .e-gridheader {
-      & tr:first-child th {
+      & tr:first-child th:not(.e-freezeleftborder, .e-freezerightborder) {
         border-top: 0 none;
       }
 
@@ -2273,8 +2274,8 @@ $grid-checkmark-color: $grey !default;
     }
   
     &.e-default:not(.e-rtl) tr {
-      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder),
-      & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
+      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder, .e-leftfreeze.e-freezeleftborder.e-focused),
+      & th.e-headercell:first-child:not(.e-firstcell, .e-headercell.e-frozen-left-border, .e-leftfreeze.e-freezeleftborder.e-focused),
       & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
         border-left-width: 0;
       }
@@ -4912,6 +4913,14 @@ $grid-checkmark-color: $grey !default;
     .e-headercell,
     .e-detailheadercell {
       background-color: $grid-header-bg-color;
+
+      &.e-leftfreeze:not(.e-rowcell),
+      &.e-rightfreeze:not(.e-rowcell),
+      &.e-fixedfreeze:not(.e-rowcell) {
+        @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'tailwind' {
+          background-color: $grid-header-bg-color;
+        }
+      }
     }
 
     .e-gridcontent {
@@ -5081,7 +5090,9 @@ $grid-checkmark-color: $grey !default;
 
     &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
       &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-        @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        @if $grid-skin != 'material3' {
+          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        }
       }
     }
 
@@ -5511,6 +5522,12 @@ $grid-checkmark-color: $grey !default;
     margin-right: $grid-filterbar-dropdown;
   }
 
+  .e-bigger .e-filterbardropdown:not(.e-rtl) {
+    @if $grid-skin == 'highcontrast' {
+      margin-right: 38px;
+    }
+  }
+
   .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
     .e-filterbardropdown {
       border: transparent;
@@ -5914,7 +5931,9 @@ $grid-checkmark-color: $grey !default;
 
       &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
         &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+          @if $grid-skin != 'material3' {
+            @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+          }
         }
       }
     }
@@ -7751,10 +7770,10 @@ $grid-checkmark-color: $grey !default;
         }
         & .e-btn {
           @if $grid-skin != 'fluent2' {
+            color: $grid-responsive-custom-header-btn-color;
             background: none;
           }
           border: 0;
-          color: $grid-responsive-custom-header-btn-color;
         }
         & .e-btn .e-icon-filter-clear {
           @if $grid-skin == 'fluent2' {

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

@@ -1754,6 +1754,7 @@ $grid-checkmark-color: $white !default;
       width: $grid-resize-border-width;
     }
 
+    & .e-rhelper,
     & .e-virtual-rhandler {
       z-index: 5;
     }
@@ -1883,7 +1884,7 @@ $grid-checkmark-color: $white !default;
     }
 
     .e-gridheader {
-      & tr:first-child th {
+      & tr:first-child th:not(.e-freezeleftborder, .e-freezerightborder) {
         border-top: 0 none;
       }
 
@@ -2280,8 +2281,8 @@ $grid-checkmark-color: $white !default;
     }
   
     &.e-default:not(.e-rtl) tr {
-      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder),
-      & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
+      & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder, .e-leftfreeze.e-freezeleftborder.e-focused),
+      & th.e-headercell:first-child:not(.e-firstcell, .e-headercell.e-frozen-left-border, .e-leftfreeze.e-freezeleftborder.e-focused),
       & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
         border-left-width: 0;
       }
@@ -4919,6 +4920,14 @@ $grid-checkmark-color: $white !default;
     .e-headercell,
     .e-detailheadercell {
       background-color: $grid-header-bg-color;
+
+      &.e-leftfreeze:not(.e-rowcell),
+      &.e-rightfreeze:not(.e-rowcell),
+      &.e-fixedfreeze:not(.e-rowcell) {
+        @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'tailwind' {
+          background-color: $grid-header-bg-color;
+        }
+      }
     }
 
     .e-gridcontent {
@@ -5088,7 +5097,9 @@ $grid-checkmark-color: $white !default;
 
     &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
       &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-        @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        @if $grid-skin != 'material3' {
+          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+        }
       }
     }
 
@@ -5518,6 +5529,12 @@ $grid-checkmark-color: $white !default;
     margin-right: $grid-filterbar-dropdown;
   }
 
+  .e-bigger .e-filterbardropdown:not(.e-rtl) {
+    @if $grid-skin == 'highcontrast' {
+      margin-right: 38px;
+    }
+  }
+
   .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
     .e-filterbardropdown {
       border: transparent;