@syncfusion/blazor-themes 27.2.3 → 27.2.5

package/SCSS-Themes/fluent2-highcontrast.scss

@@ -27024,12 +27024,12 @@ $calendar-small-max-width: 212px !default;
 $calendar-small-min-width: 212px !default;
 $calendar-normal-max-width: 244px !default;
 $calendar-normal-min-width: 244px !default;
-$calendar-bigger-max-width: 280px !default;
-$calendar-bigger-min-width: 280px !default;
+$calendar-bigger-max-width: 300px !default;
+$calendar-bigger-min-width: 300px !default;
 $calendar-bigger-small-max-width: 276px !default;
 $calendar-bigger-small-min-width: 276px !default;
-$calendar-weeknumber-min-width: 262px !default;
-$calendar-weeknumber-bigger-width: 300px !default;
+$calendar-weeknumber-min-width: 280px !default;
+$calendar-weeknumber-bigger-width: 335px !default;
 $calendar-popup-padding: 0 !default;
 $calendar-popup-bigger-padding: 0 !default;
 
@@ -27266,6 +27266,10 @@ $calendar-focused-state-box-shadow: none !default;
 $calendar-focused-state-month-box-shadow: none !default;
 $calendar-selected-month-bg-color: $primary-lighter !default;
 
+.e-small:not(.e-bigger) .e-calendar.e-week-number {
+  min-width: 230px;
+}
+
 @include export-module('calendar-layout') { /*! calendar layout */
 
   #{&}ejs-calendar {
@@ -45023,7 +45027,7 @@ $range-icon-bigger-padding: 0 !default;
 $range-icon-normal-padding: 0 !default;
 $range-preset-normal-list-height: 36px !default;
 $range-preset-bigger-list-height: 48px !default;
-$range-calendar-bigger-max: 296px !default;
+$range-calendar-bigger-max: 320px !default;
 
 $range-header-label-size: $text-base !default;
 $range-bigger-header-label-size: $text-lg !default;
@@ -45225,6 +45229,10 @@ $range-bigger-small-icon-container-min-width: 34px !default;
 $range-bigger-small-icon-container-min-height: 34px !default;
 $range-bigger-small-icon-border-radius: 20px !default;
 
+.e-bigger.e-daterangepicker .e-calendar.e-week-number {
+  max-width: 350px;
+}
+
 @include export-module('daterangepicker-layout') {
 
   .e-input-group.e-control-wrapper.e-date-range-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
@@ -59234,7 +59242,7 @@ $treeview-navigable-icon-image-margin-reverse: 0 0 0 8px !default;
 $treeview-navigable-check-margin-bigger: 0 0 0 12px !default;
 $treeview-navigable-icon-image-anchor-margin-bigger: 0 12px 0 8px !default;
 $treeview-navigable-icon-image-anchor-margin-reverse-bigger: 0 6px 0 10px !default;
-$treeview-navigable-icon-image-anchor-margin: 0 10px 0 2px !default;
+$treeview-navigable-icon-image-anchor-margin: 0 12px 0 0 !default;
 $treeview-navigable-icon-image-anchor-margin-reverse: 0 2px 0 10px !default;
 $treeview-navigable-rtl-margin-reverse: 0 12px 0 0 !default;
 $treeview-rtl-image-margin: 0 12px 0 0 !default;
@@ -59243,7 +59251,7 @@ $treeview-icon-image-margin: 0 0 0 12px !default;
 $treeview-rtl-icon-image-margin: 0 12px 0 0 !default;
 $treeview-check-margin: 0 0 0 4px !default;
 $treeview-rtl-check-margin: 0 4px 0 0 !default;
-$treeview-check-text-padding: 0 4px !default;
+$treeview-check-text-padding: 0 12px !default;
 $treeview-check-image-margin: 0 0 0 4px !default;
 $treeview-rtl-check-image-margin: 0 4px 0 0 !default;
 $treeview-drop-count-border-size: 1px !default;
@@ -59467,6 +59475,12 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
       }
     }
 
+    @if ($skin-name == 'fluent2') {
+      .e-checkbox-wrapper .e-frame {
+        margin-right: 0;
+      }
+    }
+
     .e-ul {
       margin: 0;
       padding: $treeview-root-ul-padding;
@@ -59661,6 +59675,15 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
       }
     }
 
+    .e-navigable-text {
+      @if ($skin-name != 'Material3') {
+        padding: $treeview-text-padding;
+      }
+      @else {
+        padding: 0;
+      }
+    }
+
     .e-list-icon,
     .e-list-img {
       display: inline-block;
@@ -59677,6 +59700,10 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
       & + .e-list-text {
         padding: $treeview-image-text-padding;
       }
+
+      & + .e-navigable-text {
+        padding: $treeview-image-text-padding;
+      }
     }
 
     .e-icon-collapsible,
@@ -59820,6 +59847,14 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
         padding: $treeview-check-margin;
       }
 
+      .e-nav-wrapper {
+        padding: 0;
+      }
+
+      .e-checkbox-wrapper + .e-list-text .e-nav-wrapper:not(:has(.e-list-icon)) {
+        padding: 0;
+      }
+
       .e-list-icon,
       .e-list-img {
         @if $skin-name == 'bootstrap4' {
@@ -59949,6 +59984,10 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
           padding: $treeview-rtl-check-margin;
         }
 
+        .e-nav-wrapper {
+          padding: 0;
+        }
+
         .e-list-icon,
         .e-list-img,
         .e-list-icon + .e-list-img {
@@ -84534,6 +84573,7 @@ $grid-checkmark-color: $primary-text-color !default;
       width: $grid-resize-border-width;
     }
 
+    & .e-rhelper,
     & .e-virtual-rhandler {
       z-index: 5;
     }
@@ -84663,7 +84703,7 @@ $grid-checkmark-color: $primary-text-color !default;
     }
 
     .e-gridheader {
-      & tr:first-child th {
+      & tr:first-child th:not(.e-freezeleftborder, .e-freezerightborder) {
         border-top: 0 none;
       }
 
@@ -85060,8 +85100,8 @@ $grid-checkmark-color: $primary-text-color !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;
       }
@@ -87699,6 +87739,14 @@ $grid-checkmark-color: $primary-text-color !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 {
@@ -87868,7 +87916,9 @@ $grid-checkmark-color: $primary-text-color !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));
+        }
       }
     }
 
@@ -88298,6 +88348,12 @@ $grid-checkmark-color: $primary-text-color !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;
@@ -88696,7 +88752,9 @@ $grid-checkmark-color: $primary-text-color !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));
+          }
         }
       }
     }
@@ -90533,10 +90591,10 @@ $grid-checkmark-color: $primary-text-color !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' {
@@ -110507,6 +110565,12 @@ $lg-desktop: 1399.98;
       padding-right: 1px;
       padding-top: 1px;
     }
+    @if ($skin-name == 'bootstrap4') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 0;
+    }
     @if $skin-name == 'fluent2' {
       padding: 0 !important;/* stylelint-disable-line declaration-no-important */
       color: $pv-icon-color;

package/SCSS-Themes/fluent2-lite.scss

@@ -19971,12 +19971,12 @@ $calendar-small-max-width: 212px !default;
 $calendar-small-min-width: 212px !default;
 $calendar-normal-max-width: 244px !default;
 $calendar-normal-min-width: 244px !default;
-$calendar-bigger-max-width: 280px !default;
-$calendar-bigger-min-width: 280px !default;
+$calendar-bigger-max-width: 300px !default;
+$calendar-bigger-min-width: 300px !default;
 $calendar-bigger-small-max-width: 276px !default;
 $calendar-bigger-small-min-width: 276px !default;
-$calendar-weeknumber-min-width: 262px !default;
-$calendar-weeknumber-bigger-width: 300px !default;
+$calendar-weeknumber-min-width: 280px !default;
+$calendar-weeknumber-bigger-width: 335px !default;
 $calendar-popup-padding: 0 !default;
 $calendar-popup-bigger-padding: 0 !default;
 
@@ -20213,6 +20213,10 @@ $calendar-focused-state-box-shadow: none !default;
 $calendar-focused-state-month-box-shadow: none !default;
 $calendar-selected-month-bg-color: $primary-lighter !default;
 
+.e-small:not(.e-bigger) .e-calendar.e-week-number {
+  min-width: 230px;
+}
+
 @include export-module('calendar-layout') { /*! calendar layout */
 
   #{&}ejs-calendar {
@@ -33823,7 +33827,7 @@ $range-icon-bigger-padding: 0 !default;
 $range-icon-normal-padding: 0 !default;
 $range-preset-normal-list-height: 36px !default;
 $range-preset-bigger-list-height: 48px !default;
-$range-calendar-bigger-max: 296px !default;
+$range-calendar-bigger-max: 320px !default;
 
 $range-header-label-size: $text-base !default;
 $range-bigger-header-label-size: $text-lg !default;
@@ -34025,6 +34029,10 @@ $range-bigger-small-icon-container-min-width: 34px !default;
 $range-bigger-small-icon-container-min-height: 34px !default;
 $range-bigger-small-icon-border-radius: 20px !default;
 
+.e-bigger.e-daterangepicker .e-calendar.e-week-number {
+  max-width: 350px;
+}
+
 @include export-module('daterangepicker-layout') {
 
   .e-input-group.e-control-wrapper.e-date-range-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
@@ -44396,7 +44404,7 @@ $treeview-navigable-icon-image-margin-reverse: 0 0 0 8px !default;
 $treeview-navigable-check-margin-bigger: 0 0 0 12px !default;
 $treeview-navigable-icon-image-anchor-margin-bigger: 0 12px 0 8px !default;
 $treeview-navigable-icon-image-anchor-margin-reverse-bigger: 0 6px 0 10px !default;
-$treeview-navigable-icon-image-anchor-margin: 0 10px 0 2px !default;
+$treeview-navigable-icon-image-anchor-margin: 0 12px 0 0 !default;
 $treeview-navigable-icon-image-anchor-margin-reverse: 0 2px 0 10px !default;
 $treeview-navigable-rtl-margin-reverse: 0 12px 0 0 !default;
 $treeview-rtl-image-margin: 0 12px 0 0 !default;
@@ -44405,7 +44413,7 @@ $treeview-icon-image-margin: 0 0 0 12px !default;
 $treeview-rtl-icon-image-margin: 0 12px 0 0 !default;
 $treeview-check-margin: 0 0 0 4px !default;
 $treeview-rtl-check-margin: 0 4px 0 0 !default;
-$treeview-check-text-padding: 0 4px !default;
+$treeview-check-text-padding: 0 12px !default;
 $treeview-check-image-margin: 0 0 0 4px !default;
 $treeview-rtl-check-image-margin: 0 4px 0 0 !default;
 $treeview-drop-count-border-size: 1px !default;
@@ -44629,6 +44637,12 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
       }
     }
 
+    @if ($skin-name == 'fluent2') {
+      .e-checkbox-wrapper .e-frame {
+        margin-right: 0;
+      }
+    }
+
     .e-ul {
       margin: 0;
       padding: $treeview-root-ul-padding;
@@ -44823,6 +44837,15 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
       }
     }
 
+    .e-navigable-text {
+      @if ($skin-name != 'Material3') {
+        padding: $treeview-text-padding;
+      }
+      @else {
+        padding: 0;
+      }
+    }
+
     .e-list-icon,
     .e-list-img {
       display: inline-block;
@@ -44839,6 +44862,10 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
       & + .e-list-text {
         padding: $treeview-image-text-padding;
       }
+
+      & + .e-navigable-text {
+        padding: $treeview-image-text-padding;
+      }
     }
 
     .e-icon-collapsible,
@@ -44982,6 +45009,14 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
         padding: $treeview-check-margin;
       }
 
+      .e-nav-wrapper {
+        padding: 0;
+      }
+
+      .e-checkbox-wrapper + .e-list-text .e-nav-wrapper:not(:has(.e-list-icon)) {
+        padding: 0;
+      }
+
       .e-list-icon,
       .e-list-img {
         @if $skin-name == 'bootstrap4' {
@@ -45111,6 +45146,10 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
           padding: $treeview-rtl-check-margin;
         }
 
+        .e-nav-wrapper {
+          padding: 0;
+        }
+
         .e-list-icon,
         .e-list-img,
         .e-list-icon + .e-list-img {
@@ -63585,6 +63624,7 @@ $grid-checkmark-color: $primary-text-color !default;
       width: $grid-resize-border-width;
     }
 
+    & .e-rhelper,
     & .e-virtual-rhandler {
       z-index: 5;
     }
@@ -63714,7 +63754,7 @@ $grid-checkmark-color: $primary-text-color !default;
     }
 
     .e-gridheader {
-      & tr:first-child th {
+      & tr:first-child th:not(.e-freezeleftborder, .e-freezerightborder) {
         border-top: 0 none;
       }
 
@@ -64111,8 +64151,8 @@ $grid-checkmark-color: $primary-text-color !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;
       }
@@ -66750,6 +66790,14 @@ $grid-checkmark-color: $primary-text-color !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 {
@@ -66919,7 +66967,9 @@ $grid-checkmark-color: $primary-text-color !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));
+        }
       }
     }
 
@@ -67349,6 +67399,12 @@ $grid-checkmark-color: $primary-text-color !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;
@@ -84540,6 +84596,12 @@ $lg-desktop: 1399.98;
       padding-right: 1px;
       padding-top: 1px;
     }
+    @if ($skin-name == 'bootstrap4') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 0;
+    }
     @if $skin-name == 'fluent2' {
       padding: 0 !important;/* stylelint-disable-line declaration-no-important */
       color: $pv-icon-color;

package/SCSS-Themes/fluent2.scss

@@ -27796,12 +27796,12 @@ $calendar-small-max-width: 212px !default;
 $calendar-small-min-width: 212px !default;
 $calendar-normal-max-width: 244px !default;
 $calendar-normal-min-width: 244px !default;
-$calendar-bigger-max-width: 280px !default;
-$calendar-bigger-min-width: 280px !default;
+$calendar-bigger-max-width: 300px !default;
+$calendar-bigger-min-width: 300px !default;
 $calendar-bigger-small-max-width: 276px !default;
 $calendar-bigger-small-min-width: 276px !default;
-$calendar-weeknumber-min-width: 262px !default;
-$calendar-weeknumber-bigger-width: 300px !default;
+$calendar-weeknumber-min-width: 280px !default;
+$calendar-weeknumber-bigger-width: 335px !default;
 $calendar-popup-padding: 0 !default;
 $calendar-popup-bigger-padding: 0 !default;
 
@@ -28038,6 +28038,10 @@ $calendar-focused-state-box-shadow: none !default;
 $calendar-focused-state-month-box-shadow: none !default;
 $calendar-selected-month-bg-color: $primary-lighter !default;
 
+.e-small:not(.e-bigger) .e-calendar.e-week-number {
+  min-width: 230px;
+}
+
 @include export-module('calendar-layout') { /*! calendar layout */
 
   #{&}ejs-calendar {
@@ -45795,7 +45799,7 @@ $range-icon-bigger-padding: 0 !default;
 $range-icon-normal-padding: 0 !default;
 $range-preset-normal-list-height: 36px !default;
 $range-preset-bigger-list-height: 48px !default;
-$range-calendar-bigger-max: 296px !default;
+$range-calendar-bigger-max: 320px !default;
 
 $range-header-label-size: $text-base !default;
 $range-bigger-header-label-size: $text-lg !default;
@@ -45997,6 +46001,10 @@ $range-bigger-small-icon-container-min-width: 34px !default;
 $range-bigger-small-icon-container-min-height: 34px !default;
 $range-bigger-small-icon-border-radius: 20px !default;
 
+.e-bigger.e-daterangepicker .e-calendar.e-week-number {
+  max-width: 350px;
+}
+
 @include export-module('daterangepicker-layout') {
 
   .e-input-group.e-control-wrapper.e-date-range-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
@@ -60006,7 +60014,7 @@ $treeview-navigable-icon-image-margin-reverse: 0 0 0 8px !default;
 $treeview-navigable-check-margin-bigger: 0 0 0 12px !default;
 $treeview-navigable-icon-image-anchor-margin-bigger: 0 12px 0 8px !default;
 $treeview-navigable-icon-image-anchor-margin-reverse-bigger: 0 6px 0 10px !default;
-$treeview-navigable-icon-image-anchor-margin: 0 10px 0 2px !default;
+$treeview-navigable-icon-image-anchor-margin: 0 12px 0 0 !default;
 $treeview-navigable-icon-image-anchor-margin-reverse: 0 2px 0 10px !default;
 $treeview-navigable-rtl-margin-reverse: 0 12px 0 0 !default;
 $treeview-rtl-image-margin: 0 12px 0 0 !default;
@@ -60015,7 +60023,7 @@ $treeview-icon-image-margin: 0 0 0 12px !default;
 $treeview-rtl-icon-image-margin: 0 12px 0 0 !default;
 $treeview-check-margin: 0 0 0 4px !default;
 $treeview-rtl-check-margin: 0 4px 0 0 !default;
-$treeview-check-text-padding: 0 4px !default;
+$treeview-check-text-padding: 0 12px !default;
 $treeview-check-image-margin: 0 0 0 4px !default;
 $treeview-rtl-check-image-margin: 0 4px 0 0 !default;
 $treeview-drop-count-border-size: 1px !default;
@@ -60239,6 +60247,12 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
       }
     }
 
+    @if ($skin-name == 'fluent2') {
+      .e-checkbox-wrapper .e-frame {
+        margin-right: 0;
+      }
+    }
+
     .e-ul {
       margin: 0;
       padding: $treeview-root-ul-padding;
@@ -60433,6 +60447,15 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
       }
     }
 
+    .e-navigable-text {
+      @if ($skin-name != 'Material3') {
+        padding: $treeview-text-padding;
+      }
+      @else {
+        padding: 0;
+      }
+    }
+
     .e-list-icon,
     .e-list-img {
       display: inline-block;
@@ -60449,6 +60472,10 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
       & + .e-list-text {
         padding: $treeview-image-text-padding;
       }
+
+      & + .e-navigable-text {
+        padding: $treeview-image-text-padding;
+      }
     }
 
     .e-icon-collapsible,
@@ -60592,6 +60619,14 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
         padding: $treeview-check-margin;
       }
 
+      .e-nav-wrapper {
+        padding: 0;
+      }
+
+      .e-checkbox-wrapper + .e-list-text .e-nav-wrapper:not(:has(.e-list-icon)) {
+        padding: 0;
+      }
+
       .e-list-icon,
       .e-list-img {
         @if $skin-name == 'bootstrap4' {
@@ -60721,6 +60756,10 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
           padding: $treeview-rtl-check-margin;
         }
 
+        .e-nav-wrapper {
+          padding: 0;
+        }
+
         .e-list-icon,
         .e-list-img,
         .e-list-icon + .e-list-img {
@@ -85306,6 +85345,7 @@ $grid-checkmark-color: $primary-text-color !default;
       width: $grid-resize-border-width;
     }
 
+    & .e-rhelper,
     & .e-virtual-rhandler {
       z-index: 5;
     }
@@ -85435,7 +85475,7 @@ $grid-checkmark-color: $primary-text-color !default;
     }
 
     .e-gridheader {
-      & tr:first-child th {
+      & tr:first-child th:not(.e-freezeleftborder, .e-freezerightborder) {
         border-top: 0 none;
       }
 
@@ -85832,8 +85872,8 @@ $grid-checkmark-color: $primary-text-color !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;
       }
@@ -88471,6 +88511,14 @@ $grid-checkmark-color: $primary-text-color !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 {
@@ -88640,7 +88688,9 @@ $grid-checkmark-color: $primary-text-color !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));
+        }
       }
     }
 
@@ -89070,6 +89120,12 @@ $grid-checkmark-color: $primary-text-color !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;
@@ -89468,7 +89524,9 @@ $grid-checkmark-color: $primary-text-color !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));
+          }
         }
       }
     }
@@ -91305,10 +91363,10 @@ $grid-checkmark-color: $primary-text-color !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' {
@@ -111279,6 +111337,12 @@ $lg-desktop: 1399.98;
       padding-right: 1px;
       padding-top: 1px;
     }
+    @if ($skin-name == 'bootstrap4') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 0;
+    }
     @if $skin-name == 'fluent2' {
       padding: 0 !important;/* stylelint-disable-line declaration-no-important */
       color: $pv-icon-color;