@syncfusion/blazor-themes 27.2.4 → 27.2.5

package/SCSS-Themes/bootstrap-dark.scss

@@ -57698,6 +57698,12 @@ $ripple-width: 32px !default;
       }
     }
 
+    @if ($skin-name == 'fluent2') {
+      .e-checkbox-wrapper .e-frame {
+        margin-right: 0;
+      }
+    }
+
     .e-ul {
       margin: 0;
       padding: $treeview-root-ul-padding;
@@ -57892,6 +57898,15 @@ $ripple-width: 32px !default;
       }
     }
 
+    .e-navigable-text {
+      @if ($skin-name != 'Material3') {
+        padding: $treeview-text-padding;
+      }
+      @else {
+        padding: 0;
+      }
+    }
+
     .e-list-icon,
     .e-list-img {
       display: inline-block;
@@ -57908,6 +57923,10 @@ $ripple-width: 32px !default;
       & + .e-list-text {
         padding: $treeview-image-text-padding;
       }
+
+      & + .e-navigable-text {
+        padding: $treeview-image-text-padding;
+      }
     }
 
     .e-icon-collapsible,
@@ -58051,6 +58070,14 @@ $ripple-width: 32px !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' {
@@ -58180,6 +58207,10 @@ $ripple-width: 32px !default;
           padding: $treeview-rtl-check-margin;
         }
 
+        .e-nav-wrapper {
+          padding: 0;
+        }
+
         .e-list-icon,
         .e-list-img,
         .e-list-icon + .e-list-img {
@@ -82275,6 +82306,7 @@ $grid-checkmark-color: $grey-light-font !default;
       width: $grid-resize-border-width;
     }
 
+    & .e-rhelper,
     & .e-virtual-rhandler {
       z-index: 5;
     }
@@ -82404,7 +82436,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;
       }
 
@@ -82801,8 +82833,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;
       }
@@ -85440,6 +85472,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 {
@@ -85609,7 +85649,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));
+        }
       }
     }
 
@@ -86448,7 +86490,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));
+          }
         }
       }
     }
@@ -108256,6 +108300,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/bootstrap-lite.scss

@@ -41858,6 +41858,12 @@ $ripple-width: 32px !default;
       }
     }
 
+    @if ($skin-name == 'fluent2') {
+      .e-checkbox-wrapper .e-frame {
+        margin-right: 0;
+      }
+    }
+
     .e-ul {
       margin: 0;
       padding: $treeview-root-ul-padding;
@@ -42052,6 +42058,15 @@ $ripple-width: 32px !default;
       }
     }
 
+    .e-navigable-text {
+      @if ($skin-name != 'Material3') {
+        padding: $treeview-text-padding;
+      }
+      @else {
+        padding: 0;
+      }
+    }
+
     .e-list-icon,
     .e-list-img {
       display: inline-block;
@@ -42068,6 +42083,10 @@ $ripple-width: 32px !default;
       & + .e-list-text {
         padding: $treeview-image-text-padding;
       }
+
+      & + .e-navigable-text {
+        padding: $treeview-image-text-padding;
+      }
     }
 
     .e-icon-collapsible,
@@ -42211,6 +42230,14 @@ $ripple-width: 32px !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' {
@@ -42340,6 +42367,10 @@ $ripple-width: 32px !default;
           padding: $treeview-rtl-check-margin;
         }
 
+        .e-nav-wrapper {
+          padding: 0;
+        }
+
         .e-list-icon,
         .e-list-img,
         .e-list-icon + .e-list-img {
@@ -60313,6 +60344,7 @@ $grid-checkmark-color: $grey !default;
       width: $grid-resize-border-width;
     }
 
+    & .e-rhelper,
     & .e-virtual-rhandler {
       z-index: 5;
     }
@@ -60442,7 +60474,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;
       }
 
@@ -60839,8 +60871,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;
       }
@@ -63478,6 +63510,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 {
@@ -63647,7 +63687,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));
+        }
       }
     }
 
@@ -81331,6 +81373,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/bootstrap.scss

@@ -57468,6 +57468,12 @@ $ripple-width: 32px !default;
       }
     }
 
+    @if ($skin-name == 'fluent2') {
+      .e-checkbox-wrapper .e-frame {
+        margin-right: 0;
+      }
+    }
+
     .e-ul {
       margin: 0;
       padding: $treeview-root-ul-padding;
@@ -57662,6 +57668,15 @@ $ripple-width: 32px !default;
       }
     }
 
+    .e-navigable-text {
+      @if ($skin-name != 'Material3') {
+        padding: $treeview-text-padding;
+      }
+      @else {
+        padding: 0;
+      }
+    }
+
     .e-list-icon,
     .e-list-img {
       display: inline-block;
@@ -57678,6 +57693,10 @@ $ripple-width: 32px !default;
       & + .e-list-text {
         padding: $treeview-image-text-padding;
       }
+
+      & + .e-navigable-text {
+        padding: $treeview-image-text-padding;
+      }
     }
 
     .e-icon-collapsible,
@@ -57821,6 +57840,14 @@ $ripple-width: 32px !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' {
@@ -57950,6 +57977,10 @@ $ripple-width: 32px !default;
           padding: $treeview-rtl-check-margin;
         }
 
+        .e-nav-wrapper {
+          padding: 0;
+        }
+
         .e-list-icon,
         .e-list-img,
         .e-list-icon + .e-list-img {
@@ -82034,6 +82065,7 @@ $grid-checkmark-color: $grey !default;
       width: $grid-resize-border-width;
     }
 
+    & .e-rhelper,
     & .e-virtual-rhandler {
       z-index: 5;
     }
@@ -82163,7 +82195,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;
       }
 
@@ -82560,8 +82592,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;
       }
@@ -85199,6 +85231,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 {
@@ -85368,7 +85408,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));
+        }
       }
     }
 
@@ -86207,7 +86249,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));
+          }
         }
       }
     }
@@ -108070,6 +108114,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/bootstrap4-lite.scss

@@ -41866,6 +41866,12 @@ $ripple-width: 32px !default;
       }
     }
 
+    @if ($skin-name == 'fluent2') {
+      .e-checkbox-wrapper .e-frame {
+        margin-right: 0;
+      }
+    }
+
     .e-ul {
       margin: 0;
       padding: $treeview-root-ul-padding;
@@ -42060,6 +42066,15 @@ $ripple-width: 32px !default;
       }
     }
 
+    .e-navigable-text {
+      @if ($skin-name != 'Material3') {
+        padding: $treeview-text-padding;
+      }
+      @else {
+        padding: 0;
+      }
+    }
+
     .e-list-icon,
     .e-list-img {
       display: inline-block;
@@ -42076,6 +42091,10 @@ $ripple-width: 32px !default;
       & + .e-list-text {
         padding: $treeview-image-text-padding;
       }
+
+      & + .e-navigable-text {
+        padding: $treeview-image-text-padding;
+      }
     }
 
     .e-icon-collapsible,
@@ -42219,6 +42238,14 @@ $ripple-width: 32px !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' {
@@ -42348,6 +42375,10 @@ $ripple-width: 32px !default;
           padding: $treeview-rtl-check-margin;
         }
 
+        .e-nav-wrapper {
+          padding: 0;
+        }
+
         .e-list-icon,
         .e-list-img,
         .e-list-icon + .e-list-img {
@@ -60405,6 +60436,7 @@ $grid-checkmark-color: $white !default;
       width: $grid-resize-border-width;
     }
 
+    & .e-rhelper,
     & .e-virtual-rhandler {
       z-index: 5;
     }
@@ -60534,7 +60566,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;
       }
 
@@ -60931,8 +60963,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;
       }
@@ -63570,6 +63602,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 {
@@ -63739,7 +63779,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));
+        }
       }
     }
 
@@ -81573,6 +81615,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/bootstrap4.scss

@@ -57476,6 +57476,12 @@ $ripple-width: 32px !default;
       }
     }
 
+    @if ($skin-name == 'fluent2') {
+      .e-checkbox-wrapper .e-frame {
+        margin-right: 0;
+      }
+    }
+
     .e-ul {
       margin: 0;
       padding: $treeview-root-ul-padding;
@@ -57670,6 +57676,15 @@ $ripple-width: 32px !default;
       }
     }
 
+    .e-navigable-text {
+      @if ($skin-name != 'Material3') {
+        padding: $treeview-text-padding;
+      }
+      @else {
+        padding: 0;
+      }
+    }
+
     .e-list-icon,
     .e-list-img {
       display: inline-block;
@@ -57686,6 +57701,10 @@ $ripple-width: 32px !default;
       & + .e-list-text {
         padding: $treeview-image-text-padding;
       }
+
+      & + .e-navigable-text {
+        padding: $treeview-image-text-padding;
+      }
     }
 
     .e-icon-collapsible,
@@ -57829,6 +57848,14 @@ $ripple-width: 32px !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' {
@@ -57958,6 +57985,10 @@ $ripple-width: 32px !default;
           padding: $treeview-rtl-check-margin;
         }
 
+        .e-nav-wrapper {
+          padding: 0;
+        }
+
         .e-list-icon,
         .e-list-img,
         .e-list-icon + .e-list-img {
@@ -82126,6 +82157,7 @@ $grid-checkmark-color: $white !default;
       width: $grid-resize-border-width;
     }
 
+    & .e-rhelper,
     & .e-virtual-rhandler {
       z-index: 5;
     }
@@ -82255,7 +82287,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;
       }
 
@@ -82652,8 +82684,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;
       }
@@ -85291,6 +85323,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 {
@@ -85460,7 +85500,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));
+        }
       }
     }
 
@@ -86274,7 +86316,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));
+          }
         }
       }
     }
@@ -108312,6 +108356,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;