@syncfusion/blazor-themes 29.1.33 → 29.1.37

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

@@ -33787,7 +33787,7 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;
@@ -37260,6 +37260,7 @@ $dialog-footer-flat-btn-hover-color: $secondary-text-color-hover !default;
   background-color: $dialog-closeicon-btn-hover-color;
   border-radius: 4px;
 }
+
 @include export-module('dialog-layout') {
   /* stylelint-disable property-no-vendor-prefix */
   .e-dialog {
@@ -40350,9 +40351,9 @@ $tab-close-icon-size: $text-sm !default;
 $tab-big-close-icon-size: $text-sm !default;
 $tab-nrml-close-icon-size: $text-xs !default;
 $tab-mob-close-icon-size: $text-xxs !default;
-$tab-close-icon-minwidth: 20px !default;
+$tab-close-icon-minwidth: 12px !default;
 $tab-big-close-icon-margin: 0 8px 0 12px !default;
-$tab-nrml-close-icon-margin: 0 4px 0 8px !default;
+$tab-nrml-close-icon-margin: 0 0 0 8px !default;
 $tab-mob-close-icon-margin: 0 0 0 14px !default;
 $tab-rtl-mob-close-icon-margin: 0 14px 0 0 !default;
 $tab-rtl-big-close-icon-margin: 0 12px 0 0 !default;
@@ -43060,7 +43061,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }
@@ -65185,6 +65186,12 @@ $grid-checkmark-color: $primary-text-color !default;
       @include grid-margin-padding($grid-column-menu-margin, $grid-column-menu-padding);
     }
 
+    .e-table:not(.e-sortfilter) .e-headercell .e-columnmenu {
+      @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'bootstrap5'  {
+        margin-top: -11px;
+      }
+    }
+
     &.e-wrap .e-columnmenu,
     &.e-wrap &.e-rtl .e-columnmenu {
       @if $grid-skin == 'material' or $grid-skin == 'material3' {
@@ -74654,7 +74661,7 @@ $rte-dialog-upload-status-progress: $info;
       padding-bottom: 2px;
       position: absolute;
       right: 0;
-      z-index: 100;
+      z-index: 9;
       pointer-events: none;
 
       &.e-warning {
@@ -78172,11 +78179,11 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         z-index: 6;
       }
 
-      .e-timeline-header-table-container > thead > tr > th {
+      .e-timeline-header-table-container thead tr th {
         border-left: 0;
       }
 
-      .e-timeline-header-table-container > thead > tr > td {
+      .e-timeline-header-table-container thead tr td {
         border-left: 0;
       }
 
@@ -86026,6 +86033,29 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-bigger .e-pv-text-search-btn.e-btn {
+    padding-bottom: 4px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-top: 6px;
+    line-height: 0;
+    @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      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 */
+    }
+  }
+  
   .e-pv-search-btn.e-btn:active,
   .e-pv-text-search-btn.e-btn:active {
     background-color: transparent;

package/SCSS-Themes/fluent2-dark.scss

@@ -45600,7 +45600,7 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;
@@ -51398,6 +51398,7 @@ $dialog-footer-flat-btn-hover-color: $secondary-text-color-hover !default;
   background-color: $dialog-closeicon-btn-hover-color;
   border-radius: 4px;
 }
+
 @include export-module('dialog-layout') {
   /* stylelint-disable property-no-vendor-prefix */
   .e-dialog {
@@ -54965,9 +54966,9 @@ $tab-close-icon-size: $text-sm !default;
 $tab-big-close-icon-size: $text-sm !default;
 $tab-nrml-close-icon-size: $text-xs !default;
 $tab-mob-close-icon-size: $text-xxs !default;
-$tab-close-icon-minwidth: 20px !default;
+$tab-close-icon-minwidth: 12px !default;
 $tab-big-close-icon-margin: 0 8px 0 12px !default;
-$tab-nrml-close-icon-margin: 0 4px 0 8px !default;
+$tab-nrml-close-icon-margin: 0 0 0 8px !default;
 $tab-mob-close-icon-margin: 0 0 0 14px !default;
 $tab-rtl-mob-close-icon-margin: 0 14px 0 0 !default;
 $tab-rtl-big-close-icon-margin: 0 12px 0 0 !default;
@@ -57675,7 +57676,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }
@@ -87460,6 +87461,12 @@ $grid-checkmark-color: $primary-text-color !default;
       @include grid-margin-padding($grid-column-menu-margin, $grid-column-menu-padding);
     }
 
+    .e-table:not(.e-sortfilter) .e-headercell .e-columnmenu {
+      @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'bootstrap5'  {
+        margin-top: -11px;
+      }
+    }
+
     &.e-wrap .e-columnmenu,
     &.e-wrap &.e-rtl .e-columnmenu {
       @if $grid-skin == 'material' or $grid-skin == 'material3' {
@@ -100581,7 +100588,7 @@ $rte-dialog-upload-status-progress: $info;
       padding-bottom: 2px;
       position: absolute;
       right: 0;
-      z-index: 100;
+      z-index: 9;
       pointer-events: none;
 
       &.e-warning {
@@ -104703,11 +104710,11 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         z-index: 6;
       }
 
-      .e-timeline-header-table-container > thead > tr > th {
+      .e-timeline-header-table-container thead tr th {
         border-left: 0;
       }
 
-      .e-timeline-header-table-container > thead > tr > td {
+      .e-timeline-header-table-container thead tr td {
         border-left: 0;
       }
 
@@ -113703,6 +113710,29 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-bigger .e-pv-text-search-btn.e-btn {
+    padding-bottom: 4px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-top: 6px;
+    line-height: 0;
+    @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      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 */
+    }
+  }
+  
   .e-pv-search-btn.e-btn:active,
   .e-pv-text-search-btn.e-btn:active {
     background-color: transparent;

package/SCSS-Themes/fluent2-highcontrast-lite.scss

@@ -33787,7 +33787,7 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;
@@ -37260,6 +37260,7 @@ $dialog-footer-flat-btn-hover-color: $secondary-text-color-hover !default;
   background-color: $dialog-closeicon-btn-hover-color;
   border-radius: 4px;
 }
+
 @include export-module('dialog-layout') {
   /* stylelint-disable property-no-vendor-prefix */
   .e-dialog {
@@ -40350,9 +40351,9 @@ $tab-close-icon-size: $text-sm !default;
 $tab-big-close-icon-size: $text-sm !default;
 $tab-nrml-close-icon-size: $text-xs !default;
 $tab-mob-close-icon-size: $text-xxs !default;
-$tab-close-icon-minwidth: 20px !default;
+$tab-close-icon-minwidth: 12px !default;
 $tab-big-close-icon-margin: 0 8px 0 12px !default;
-$tab-nrml-close-icon-margin: 0 4px 0 8px !default;
+$tab-nrml-close-icon-margin: 0 0 0 8px !default;
 $tab-mob-close-icon-margin: 0 0 0 14px !default;
 $tab-rtl-mob-close-icon-margin: 0 14px 0 0 !default;
 $tab-rtl-big-close-icon-margin: 0 12px 0 0 !default;
@@ -43060,7 +43061,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }
@@ -65185,6 +65186,12 @@ $grid-checkmark-color: $primary-text-color !default;
       @include grid-margin-padding($grid-column-menu-margin, $grid-column-menu-padding);
     }
 
+    .e-table:not(.e-sortfilter) .e-headercell .e-columnmenu {
+      @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'bootstrap5'  {
+        margin-top: -11px;
+      }
+    }
+
     &.e-wrap .e-columnmenu,
     &.e-wrap &.e-rtl .e-columnmenu {
       @if $grid-skin == 'material' or $grid-skin == 'material3' {
@@ -74654,7 +74661,7 @@ $rte-dialog-upload-status-progress: $info;
       padding-bottom: 2px;
       position: absolute;
       right: 0;
-      z-index: 100;
+      z-index: 9;
       pointer-events: none;
 
       &.e-warning {
@@ -78172,11 +78179,11 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         z-index: 6;
       }
 
-      .e-timeline-header-table-container > thead > tr > th {
+      .e-timeline-header-table-container thead tr th {
         border-left: 0;
       }
 
-      .e-timeline-header-table-container > thead > tr > td {
+      .e-timeline-header-table-container thead tr td {
         border-left: 0;
       }
 
@@ -86026,6 +86033,29 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-bigger .e-pv-text-search-btn.e-btn {
+    padding-bottom: 4px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-top: 6px;
+    line-height: 0;
+    @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      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 */
+    }
+  }
+  
   .e-pv-search-btn.e-btn:active,
   .e-pv-text-search-btn.e-btn:active {
     background-color: transparent;

package/SCSS-Themes/fluent2-highcontrast.scss

@@ -45600,7 +45600,7 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;
@@ -51398,6 +51398,7 @@ $dialog-footer-flat-btn-hover-color: $secondary-text-color-hover !default;
   background-color: $dialog-closeicon-btn-hover-color;
   border-radius: 4px;
 }
+
 @include export-module('dialog-layout') {
   /* stylelint-disable property-no-vendor-prefix */
   .e-dialog {
@@ -54965,9 +54966,9 @@ $tab-close-icon-size: $text-sm !default;
 $tab-big-close-icon-size: $text-sm !default;
 $tab-nrml-close-icon-size: $text-xs !default;
 $tab-mob-close-icon-size: $text-xxs !default;
-$tab-close-icon-minwidth: 20px !default;
+$tab-close-icon-minwidth: 12px !default;
 $tab-big-close-icon-margin: 0 8px 0 12px !default;
-$tab-nrml-close-icon-margin: 0 4px 0 8px !default;
+$tab-nrml-close-icon-margin: 0 0 0 8px !default;
 $tab-mob-close-icon-margin: 0 0 0 14px !default;
 $tab-rtl-mob-close-icon-margin: 0 14px 0 0 !default;
 $tab-rtl-big-close-icon-margin: 0 12px 0 0 !default;
@@ -57675,7 +57676,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }
@@ -87460,6 +87461,12 @@ $grid-checkmark-color: $primary-text-color !default;
       @include grid-margin-padding($grid-column-menu-margin, $grid-column-menu-padding);
     }
 
+    .e-table:not(.e-sortfilter) .e-headercell .e-columnmenu {
+      @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'bootstrap5'  {
+        margin-top: -11px;
+      }
+    }
+
     &.e-wrap .e-columnmenu,
     &.e-wrap &.e-rtl .e-columnmenu {
       @if $grid-skin == 'material' or $grid-skin == 'material3' {
@@ -100581,7 +100588,7 @@ $rte-dialog-upload-status-progress: $info;
       padding-bottom: 2px;
       position: absolute;
       right: 0;
-      z-index: 100;
+      z-index: 9;
       pointer-events: none;
 
       &.e-warning {
@@ -104703,11 +104710,11 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         z-index: 6;
       }
 
-      .e-timeline-header-table-container > thead > tr > th {
+      .e-timeline-header-table-container thead tr th {
         border-left: 0;
       }
 
-      .e-timeline-header-table-container > thead > tr > td {
+      .e-timeline-header-table-container thead tr td {
         border-left: 0;
       }
 
@@ -113703,6 +113710,29 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-bigger .e-pv-text-search-btn.e-btn {
+    padding-bottom: 4px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-top: 6px;
+    line-height: 0;
+    @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      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 */
+    }
+  }
+  
   .e-pv-search-btn.e-btn:active,
   .e-pv-text-search-btn.e-btn:active {
     background-color: transparent;

package/SCSS-Themes/fluent2-lite.scss

@@ -34559,7 +34559,7 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;
@@ -38032,6 +38032,7 @@ $dialog-footer-flat-btn-hover-color: $secondary-text-color-hover !default;
   background-color: $dialog-closeicon-btn-hover-color;
   border-radius: 4px;
 }
+
 @include export-module('dialog-layout') {
   /* stylelint-disable property-no-vendor-prefix */
   .e-dialog {
@@ -41122,9 +41123,9 @@ $tab-close-icon-size: $text-sm !default;
 $tab-big-close-icon-size: $text-sm !default;
 $tab-nrml-close-icon-size: $text-xs !default;
 $tab-mob-close-icon-size: $text-xxs !default;
-$tab-close-icon-minwidth: 20px !default;
+$tab-close-icon-minwidth: 12px !default;
 $tab-big-close-icon-margin: 0 8px 0 12px !default;
-$tab-nrml-close-icon-margin: 0 4px 0 8px !default;
+$tab-nrml-close-icon-margin: 0 0 0 8px !default;
 $tab-mob-close-icon-margin: 0 0 0 14px !default;
 $tab-rtl-mob-close-icon-margin: 0 14px 0 0 !default;
 $tab-rtl-big-close-icon-margin: 0 12px 0 0 !default;
@@ -43832,7 +43833,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }
@@ -65957,6 +65958,12 @@ $grid-checkmark-color: $primary-text-color !default;
       @include grid-margin-padding($grid-column-menu-margin, $grid-column-menu-padding);
     }
 
+    .e-table:not(.e-sortfilter) .e-headercell .e-columnmenu {
+      @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'bootstrap5'  {
+        margin-top: -11px;
+      }
+    }
+
     &.e-wrap .e-columnmenu,
     &.e-wrap &.e-rtl .e-columnmenu {
       @if $grid-skin == 'material' or $grid-skin == 'material3' {
@@ -75426,7 +75433,7 @@ $rte-dialog-upload-status-progress: $info;
       padding-bottom: 2px;
       position: absolute;
       right: 0;
-      z-index: 100;
+      z-index: 9;
       pointer-events: none;
 
       &.e-warning {
@@ -78944,11 +78951,11 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         z-index: 6;
       }
 
-      .e-timeline-header-table-container > thead > tr > th {
+      .e-timeline-header-table-container thead tr th {
         border-left: 0;
       }
 
-      .e-timeline-header-table-container > thead > tr > td {
+      .e-timeline-header-table-container thead tr td {
         border-left: 0;
       }
 
@@ -86798,6 +86805,29 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-bigger .e-pv-text-search-btn.e-btn {
+    padding-bottom: 4px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-top: 6px;
+    line-height: 0;
+    @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      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 */
+    }
+  }
+  
   .e-pv-search-btn.e-btn:active,
   .e-pv-text-search-btn.e-btn:active {
     background-color: transparent;

package/SCSS-Themes/fluent2.scss

@@ -46372,7 +46372,7 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;
@@ -52170,6 +52170,7 @@ $dialog-footer-flat-btn-hover-color: $secondary-text-color-hover !default;
   background-color: $dialog-closeicon-btn-hover-color;
   border-radius: 4px;
 }
+
 @include export-module('dialog-layout') {
   /* stylelint-disable property-no-vendor-prefix */
   .e-dialog {
@@ -55737,9 +55738,9 @@ $tab-close-icon-size: $text-sm !default;
 $tab-big-close-icon-size: $text-sm !default;
 $tab-nrml-close-icon-size: $text-xs !default;
 $tab-mob-close-icon-size: $text-xxs !default;
-$tab-close-icon-minwidth: 20px !default;
+$tab-close-icon-minwidth: 12px !default;
 $tab-big-close-icon-margin: 0 8px 0 12px !default;
-$tab-nrml-close-icon-margin: 0 4px 0 8px !default;
+$tab-nrml-close-icon-margin: 0 0 0 8px !default;
 $tab-mob-close-icon-margin: 0 0 0 14px !default;
 $tab-rtl-mob-close-icon-margin: 0 14px 0 0 !default;
 $tab-rtl-big-close-icon-margin: 0 12px 0 0 !default;
@@ -58447,7 +58448,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }
@@ -88232,6 +88233,12 @@ $grid-checkmark-color: $primary-text-color !default;
       @include grid-margin-padding($grid-column-menu-margin, $grid-column-menu-padding);
     }
 
+    .e-table:not(.e-sortfilter) .e-headercell .e-columnmenu {
+      @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'bootstrap5'  {
+        margin-top: -11px;
+      }
+    }
+
     &.e-wrap .e-columnmenu,
     &.e-wrap &.e-rtl .e-columnmenu {
       @if $grid-skin == 'material' or $grid-skin == 'material3' {
@@ -101353,7 +101360,7 @@ $rte-dialog-upload-status-progress: $info;
       padding-bottom: 2px;
       position: absolute;
       right: 0;
-      z-index: 100;
+      z-index: 9;
       pointer-events: none;
 
       &.e-warning {
@@ -105475,11 +105482,11 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         z-index: 6;
       }
 
-      .e-timeline-header-table-container > thead > tr > th {
+      .e-timeline-header-table-container thead tr th {
         border-left: 0;
       }
 
-      .e-timeline-header-table-container > thead > tr > td {
+      .e-timeline-header-table-container thead tr td {
         border-left: 0;
       }
 
@@ -114475,6 +114482,29 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-bigger .e-pv-text-search-btn.e-btn {
+    padding-bottom: 4px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-top: 6px;
+    line-height: 0;
+    @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      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 */
+    }
+  }
+  
   .e-pv-search-btn.e-btn:active,
   .e-pv-text-search-btn.e-btn:active {
     background-color: transparent;

package/SCSS-Themes/gantt/gantt/bds-dark-lite.scss

@@ -637,11 +637,11 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         z-index: 6;
       }
 
-      .e-timeline-header-table-container > thead > tr > th {
+      .e-timeline-header-table-container thead tr th {
         border-left: 0;
       }
 
-      .e-timeline-header-table-container > thead > tr > td {
+      .e-timeline-header-table-container thead tr td {
         border-left: 0;
       }
 

package/SCSS-Themes/gantt/gantt/bds-dark.scss

@@ -637,11 +637,11 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         z-index: 6;
       }
 
-      .e-timeline-header-table-container > thead > tr > th {
+      .e-timeline-header-table-container thead tr th {
         border-left: 0;
       }
 
-      .e-timeline-header-table-container > thead > tr > td {
+      .e-timeline-header-table-container thead tr td {
         border-left: 0;
       }
 

package/SCSS-Themes/gantt/gantt/bds-lite.scss

@@ -637,11 +637,11 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         z-index: 6;
       }
 
-      .e-timeline-header-table-container > thead > tr > th {
+      .e-timeline-header-table-container thead tr th {
         border-left: 0;
       }
 
-      .e-timeline-header-table-container > thead > tr > td {
+      .e-timeline-header-table-container thead tr td {
         border-left: 0;
       }
 

package/SCSS-Themes/gantt/gantt/bds.scss

@@ -637,11 +637,11 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         z-index: 6;
       }
 
-      .e-timeline-header-table-container > thead > tr > th {
+      .e-timeline-header-table-container thead tr th {
         border-left: 0;
       }
 
-      .e-timeline-header-table-container > thead > tr > td {
+      .e-timeline-header-table-container thead tr td {
         border-left: 0;
       }