@syncfusion/blazor-themes 27.2.4 → 27.2.5

package/SCSS-Themes/bootstrap5-dark-lite.scss

@@ -42189,6 +42189,12 @@ $treeview-item-active-check-color: $primary !default;
       }
     }
 
+    @if ($skin-name == 'fluent2') {
+      .e-checkbox-wrapper .e-frame {
+        margin-right: 0;
+      }
+    }
+
     .e-ul {
       margin: 0;
       padding: $treeview-root-ul-padding;
@@ -42383,6 +42389,15 @@ $treeview-item-active-check-color: $primary !default;
       }
     }
 
+    .e-navigable-text {
+      @if ($skin-name != 'Material3') {
+        padding: $treeview-text-padding;
+      }
+      @else {
+        padding: 0;
+      }
+    }
+
     .e-list-icon,
     .e-list-img {
       display: inline-block;
@@ -42399,6 +42414,10 @@ $treeview-item-active-check-color: $primary !default;
       & + .e-list-text {
         padding: $treeview-image-text-padding;
       }
+
+      & + .e-navigable-text {
+        padding: $treeview-image-text-padding;
+      }
     }
 
     .e-icon-collapsible,
@@ -42542,6 +42561,14 @@ $treeview-item-active-check-color: $primary !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' {
@@ -42671,6 +42698,10 @@ $treeview-item-active-check-color: $primary !default;
           padding: $treeview-rtl-check-margin;
         }
 
+        .e-nav-wrapper {
+          padding: 0;
+        }
+
         .e-list-icon,
         .e-list-img,
         .e-list-icon + .e-list-img {
@@ -60801,6 +60832,7 @@ $grid-checkmark-color: $primary-text-color !default;
       width: $grid-resize-border-width;
     }
 
+    & .e-rhelper,
     & .e-virtual-rhandler {
       z-index: 5;
     }
@@ -60930,7 +60962,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;
       }
 
@@ -61327,8 +61359,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;
       }
@@ -63966,6 +63998,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 {
@@ -64135,7 +64175,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));
+        }
       }
     }
 
@@ -81721,6 +81763,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/bootstrap5-dark.scss

@@ -57799,6 +57799,12 @@ $treeview-item-active-check-color: $primary !default;
       }
     }
 
+    @if ($skin-name == 'fluent2') {
+      .e-checkbox-wrapper .e-frame {
+        margin-right: 0;
+      }
+    }
+
     .e-ul {
       margin: 0;
       padding: $treeview-root-ul-padding;
@@ -57993,6 +57999,15 @@ $treeview-item-active-check-color: $primary !default;
       }
     }
 
+    .e-navigable-text {
+      @if ($skin-name != 'Material3') {
+        padding: $treeview-text-padding;
+      }
+      @else {
+        padding: 0;
+      }
+    }
+
     .e-list-icon,
     .e-list-img {
       display: inline-block;
@@ -58009,6 +58024,10 @@ $treeview-item-active-check-color: $primary !default;
       & + .e-list-text {
         padding: $treeview-image-text-padding;
       }
+
+      & + .e-navigable-text {
+        padding: $treeview-image-text-padding;
+      }
     }
 
     .e-icon-collapsible,
@@ -58152,6 +58171,14 @@ $treeview-item-active-check-color: $primary !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' {
@@ -58281,6 +58308,10 @@ $treeview-item-active-check-color: $primary !default;
           padding: $treeview-rtl-check-margin;
         }
 
+        .e-nav-wrapper {
+          padding: 0;
+        }
+
         .e-list-icon,
         .e-list-img,
         .e-list-icon + .e-list-img {
@@ -82522,6 +82553,7 @@ $grid-checkmark-color: $primary-text-color !default;
       width: $grid-resize-border-width;
     }
 
+    & .e-rhelper,
     & .e-virtual-rhandler {
       z-index: 5;
     }
@@ -82651,7 +82683,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;
       }
 
@@ -83048,8 +83080,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;
       }
@@ -85687,6 +85719,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 {
@@ -85856,7 +85896,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));
+        }
       }
     }
 
@@ -86684,7 +86726,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));
+          }
         }
       }
     }
@@ -108460,6 +108504,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/bootstrap5-lite.scss

@@ -42188,6 +42188,12 @@ $treeview-item-active-check-color: $primary !default;
       }
     }
 
+    @if ($skin-name == 'fluent2') {
+      .e-checkbox-wrapper .e-frame {
+        margin-right: 0;
+      }
+    }
+
     .e-ul {
       margin: 0;
       padding: $treeview-root-ul-padding;
@@ -42382,6 +42388,15 @@ $treeview-item-active-check-color: $primary !default;
       }
     }
 
+    .e-navigable-text {
+      @if ($skin-name != 'Material3') {
+        padding: $treeview-text-padding;
+      }
+      @else {
+        padding: 0;
+      }
+    }
+
     .e-list-icon,
     .e-list-img {
       display: inline-block;
@@ -42398,6 +42413,10 @@ $treeview-item-active-check-color: $primary !default;
       & + .e-list-text {
         padding: $treeview-image-text-padding;
       }
+
+      & + .e-navigable-text {
+        padding: $treeview-image-text-padding;
+      }
     }
 
     .e-icon-collapsible,
@@ -42541,6 +42560,14 @@ $treeview-item-active-check-color: $primary !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' {
@@ -42670,6 +42697,10 @@ $treeview-item-active-check-color: $primary !default;
           padding: $treeview-rtl-check-margin;
         }
 
+        .e-nav-wrapper {
+          padding: 0;
+        }
+
         .e-list-icon,
         .e-list-img,
         .e-list-icon + .e-list-img {
@@ -60800,6 +60831,7 @@ $grid-checkmark-color: $primary-text-color !default;
       width: $grid-resize-border-width;
     }
 
+    & .e-rhelper,
     & .e-virtual-rhandler {
       z-index: 5;
     }
@@ -60929,7 +60961,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;
       }
 
@@ -61326,8 +61358,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;
       }
@@ -63965,6 +63997,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 {
@@ -64134,7 +64174,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));
+        }
       }
     }
 
@@ -81720,6 +81762,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/bootstrap5.3-dark-lite.scss

@@ -42950,6 +42950,12 @@ $treeview-item-active-check-color: $primary !default;
       }
     }
 
+    @if ($skin-name == 'fluent2') {
+      .e-checkbox-wrapper .e-frame {
+        margin-right: 0;
+      }
+    }
+
     .e-ul {
       margin: 0;
       padding: $treeview-root-ul-padding;
@@ -43144,6 +43150,15 @@ $treeview-item-active-check-color: $primary !default;
       }
     }
 
+    .e-navigable-text {
+      @if ($skin-name != 'Material3') {
+        padding: $treeview-text-padding;
+      }
+      @else {
+        padding: 0;
+      }
+    }
+
     .e-list-icon,
     .e-list-img {
       display: inline-block;
@@ -43160,6 +43175,10 @@ $treeview-item-active-check-color: $primary !default;
       & + .e-list-text {
         padding: $treeview-image-text-padding;
       }
+
+      & + .e-navigable-text {
+        padding: $treeview-image-text-padding;
+      }
     }
 
     .e-icon-collapsible,
@@ -43303,6 +43322,14 @@ $treeview-item-active-check-color: $primary !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' {
@@ -43432,6 +43459,10 @@ $treeview-item-active-check-color: $primary !default;
           padding: $treeview-rtl-check-margin;
         }
 
+        .e-nav-wrapper {
+          padding: 0;
+        }
+
         .e-list-icon,
         .e-list-img,
         .e-list-icon + .e-list-img {
@@ -61595,6 +61626,7 @@ $grid-checkmark-color: $primary-text-color !default;
       width: $grid-resize-border-width;
     }
 
+    & .e-rhelper,
     & .e-virtual-rhandler {
       z-index: 5;
     }
@@ -61724,7 +61756,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;
       }
 
@@ -62121,8 +62153,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;
       }
@@ -64760,6 +64792,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 {
@@ -64929,7 +64969,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));
+        }
       }
     }
 
@@ -82515,6 +82557,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/bootstrap5.3-dark.scss

@@ -58560,6 +58560,12 @@ $treeview-item-active-check-color: $primary !default;
       }
     }
 
+    @if ($skin-name == 'fluent2') {
+      .e-checkbox-wrapper .e-frame {
+        margin-right: 0;
+      }
+    }
+
     .e-ul {
       margin: 0;
       padding: $treeview-root-ul-padding;
@@ -58754,6 +58760,15 @@ $treeview-item-active-check-color: $primary !default;
       }
     }
 
+    .e-navigable-text {
+      @if ($skin-name != 'Material3') {
+        padding: $treeview-text-padding;
+      }
+      @else {
+        padding: 0;
+      }
+    }
+
     .e-list-icon,
     .e-list-img {
       display: inline-block;
@@ -58770,6 +58785,10 @@ $treeview-item-active-check-color: $primary !default;
       & + .e-list-text {
         padding: $treeview-image-text-padding;
       }
+
+      & + .e-navigable-text {
+        padding: $treeview-image-text-padding;
+      }
     }
 
     .e-icon-collapsible,
@@ -58913,6 +58932,14 @@ $treeview-item-active-check-color: $primary !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' {
@@ -59042,6 +59069,10 @@ $treeview-item-active-check-color: $primary !default;
           padding: $treeview-rtl-check-margin;
         }
 
+        .e-nav-wrapper {
+          padding: 0;
+        }
+
         .e-list-icon,
         .e-list-img,
         .e-list-icon + .e-list-img {
@@ -83316,6 +83347,7 @@ $grid-checkmark-color: $primary-text-color !default;
       width: $grid-resize-border-width;
     }
 
+    & .e-rhelper,
     & .e-virtual-rhandler {
       z-index: 5;
     }
@@ -83445,7 +83477,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;
       }
 
@@ -83842,8 +83874,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;
       }
@@ -86481,6 +86513,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 {
@@ -86650,7 +86690,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));
+        }
       }
     }
 
@@ -87478,7 +87520,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));
+          }
         }
       }
     }
@@ -109254,6 +109298,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;