@syncfusion/blazor-themes 29.1.35 → 29.1.37

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

@@ -2585,6 +2585,12 @@ $grid-checkmark-color: $accent-font !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' {

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

@@ -2588,6 +2588,12 @@ $grid-checkmark-color: rgba($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' {

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

@@ -2588,6 +2588,12 @@ $grid-checkmark-color: rgba($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' {

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

@@ -2588,6 +2588,12 @@ $grid-checkmark-color: rgba($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' {

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

@@ -2588,6 +2588,12 @@ $grid-checkmark-color: rgba($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' {

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

@@ -2592,6 +2592,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' {

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

@@ -2592,6 +2592,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' {

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

@@ -2592,6 +2592,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' {

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

@@ -2592,6 +2592,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' {

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

@@ -193,7 +193,7 @@ $grid-header-first-last-cell-padding: 8px !default;
 $grid-header-bg-color: $content-bg-color !default;
 $grid-header-color: $content-text-color !default;
 $grid-headercell-both-border-width: 0 0 0 1px !default;
-$grid-headercelldiv-margin: -7px 8px -7px -8px !default;
+$grid-headercelldiv-margin: -7px -7px -7px -8px !default;
 $grid-icon-font-size: $font-icon-16 !default;
 $grid-border-size: 1px !default;
 $grid-header-padding: 8px !default;
@@ -350,7 +350,7 @@ $grid-bigger-rtl-headercelldiv-chkbox-padding: 0 .45em 0 .5em !default;
 $grid-ungroup-rtl-padding-right: 0 !default;
 $grid-headercelldiv-padding: 0 20px 0 8px !default;
 $grid-headercelldiv-sort-centeralign-padding-right: 5px !default;
-$grid-headercell-div-padding: 0 .4em !default;
+$grid-headercell-div-padding: 0 1.5em 0 .4em !default;
 $grid-group-text-width: auto !default;
 $grid-grouptopleftcell-border-top: 2px solid !default;
 $grid-group-caption-font-size: $text-sm !default;
@@ -2589,6 +2589,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' {

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

@@ -193,7 +193,7 @@ $grid-header-first-last-cell-padding: 8px !default;
 $grid-header-bg-color: $content-bg-color !default;
 $grid-header-color: $content-text-color !default;
 $grid-headercell-both-border-width: 0 0 0 1px !default;
-$grid-headercelldiv-margin: -7px 8px -7px -8px !default;
+$grid-headercelldiv-margin: -7px -7px -7px -8px !default;
 $grid-icon-font-size: $font-icon-16 !default;
 $grid-border-size: 1px !default;
 $grid-header-padding: 8px !default;
@@ -350,7 +350,7 @@ $grid-bigger-rtl-headercelldiv-chkbox-padding: 0 .45em 0 .5em !default;
 $grid-ungroup-rtl-padding-right: 0 !default;
 $grid-headercelldiv-padding: 0 20px 0 8px !default;
 $grid-headercelldiv-sort-centeralign-padding-right: 5px !default;
-$grid-headercell-div-padding: 0 .4em !default;
+$grid-headercell-div-padding: 0 1.5em 0 .4em !default;
 $grid-group-text-width: auto !default;
 $grid-grouptopleftcell-border-top: 2px solid !default;
 $grid-group-caption-font-size: $text-sm !default;
@@ -2589,6 +2589,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' {

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

@@ -193,7 +193,7 @@ $grid-header-first-last-cell-padding: 8px !default;
 $grid-header-bg-color: $content-bg-color !default;
 $grid-header-color: $content-text-color !default;
 $grid-headercell-both-border-width: 0 0 0 1px !default;
-$grid-headercelldiv-margin: -7px 8px -7px -8px !default;
+$grid-headercelldiv-margin: -7px -7px -7px -8px !default;
 $grid-icon-font-size: $font-icon-16 !default;
 $grid-border-size: 1px !default;
 $grid-header-padding: 8px !default;
@@ -350,7 +350,7 @@ $grid-bigger-rtl-headercelldiv-chkbox-padding: 0 .45em 0 .5em !default;
 $grid-ungroup-rtl-padding-right: 0 !default;
 $grid-headercelldiv-padding: 0 20px 0 8px !default;
 $grid-headercelldiv-sort-centeralign-padding-right: 5px !default;
-$grid-headercell-div-padding: 0 .4em !default;
+$grid-headercell-div-padding: 0 1.5em 0 .4em !default;
 $grid-group-text-width: auto !default;
 $grid-grouptopleftcell-border-top: 2px solid !default;
 $grid-group-caption-font-size: $text-sm !default;
@@ -2589,6 +2589,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' {

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

@@ -193,7 +193,7 @@ $grid-header-first-last-cell-padding: 8px !default;
 $grid-header-bg-color: $content-bg-color !default;
 $grid-header-color: $content-text-color !default;
 $grid-headercell-both-border-width: 0 0 0 1px !default;
-$grid-headercelldiv-margin: -7px 8px -7px -8px !default;
+$grid-headercelldiv-margin: -7px -7px -7px -8px !default;
 $grid-icon-font-size: $font-icon-16 !default;
 $grid-border-size: 1px !default;
 $grid-header-padding: 8px !default;
@@ -350,7 +350,7 @@ $grid-bigger-rtl-headercelldiv-chkbox-padding: 0 .45em 0 .5em !default;
 $grid-ungroup-rtl-padding-right: 0 !default;
 $grid-headercelldiv-padding: 0 20px 0 8px !default;
 $grid-headercelldiv-sort-centeralign-padding-right: 5px !default;
-$grid-headercell-div-padding: 0 .4em !default;
+$grid-headercell-div-padding: 0 1.5em 0 .4em !default;
 $grid-group-text-width: auto !default;
 $grid-grouptopleftcell-border-top: 2px solid !default;
 $grid-group-caption-font-size: $text-sm !default;
@@ -2589,6 +2589,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' {

package/SCSS-Themes/highcontrast-lite.scss

@@ -41115,7 +41115,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;
               }
@@ -60454,8 +60454,8 @@ $grid-header-border-width: 0 !default;
 $grid-headercell-line-height: 36px !default;
 $grid-header-padding: 8px !default;
 $grid-header-first-last-cell-padding: 10px !default;
-$grid-headercelldiv-margin: 0 7px 0 0 !default;
-$grid-headercell-div-padding: 0 !default;
+$grid-headercelldiv-margin: 0 !default;
+$grid-headercell-div-padding: 0 7px 0 0 !default;
 $grid-headecell-span-height: 26px !default;
 $grid-headercelldiv-right-align-padding: 0 0 0 10px !default;
 $grid-headercelldiv-padding: 0 10px 0 0 !default;
@@ -62851,6 +62851,12 @@ $grid-checkmark-color: $selection-font !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' {

package/SCSS-Themes/highcontrast.scss

@@ -55730,7 +55730,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;
               }
@@ -82729,8 +82729,8 @@ $grid-header-border-width: 0 !default;
 $grid-headercell-line-height: 36px !default;
 $grid-header-padding: 8px !default;
 $grid-header-first-last-cell-padding: 10px !default;
-$grid-headercelldiv-margin: 0 7px 0 0 !default;
-$grid-headercell-div-padding: 0 !default;
+$grid-headercelldiv-margin: 0 !default;
+$grid-headercell-div-padding: 0 7px 0 0 !default;
 $grid-headecell-span-height: 26px !default;
 $grid-headercelldiv-right-align-padding: 0 0 0 10px !default;
 $grid-headercelldiv-padding: 0 10px 0 0 !default;
@@ -85126,6 +85126,12 @@ $grid-checkmark-color: $selection-font !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' {

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

@@ -41769,7 +41769,7 @@ $tbar-alt-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(0, 0, 0, .12) !def
               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;
               }
@@ -63764,6 +63764,12 @@ $grid-checkmark-color: $accent-font !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' {

package/SCSS-Themes/material-dark.scss

@@ -56384,7 +56384,7 @@ $tbar-alt-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(0, 0, 0, .12) !def
               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;
               }
@@ -86039,6 +86039,12 @@ $grid-checkmark-color: $accent-font !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' {

package/SCSS-Themes/material-lite.scss

@@ -41512,7 +41512,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;
               }
@@ -63497,6 +63497,12 @@ $grid-checkmark-color: $accent-font !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' {

package/SCSS-Themes/material.scss

@@ -56127,7 +56127,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;
               }
@@ -85772,6 +85772,12 @@ $grid-checkmark-color: $accent-font !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' {

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

@@ -41499,7 +41499,7 @@ $tab-fill-background-disable-text-color: rgba($primary-text-color, .38) !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;
               }
@@ -63579,6 +63579,12 @@ $grid-checkmark-color: rgba($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' {

package/SCSS-Themes/material3-dark.scss

@@ -56114,7 +56114,7 @@ $tab-fill-background-disable-text-color: rgba($primary-text-color, .38) !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;
               }
@@ -85854,6 +85854,12 @@ $grid-checkmark-color: rgba($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' {

package/SCSS-Themes/material3-lite.scss

@@ -41569,7 +41569,7 @@ $tab-fill-background-disable-text-color: rgba($primary-text-color, .38) !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;
               }
@@ -63649,6 +63649,12 @@ $grid-checkmark-color: rgba($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' {

package/SCSS-Themes/material3.scss

@@ -56184,7 +56184,7 @@ $tab-fill-background-disable-text-color: rgba($primary-text-color, .38) !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;
               }
@@ -85924,6 +85924,12 @@ $grid-checkmark-color: rgba($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' {

package/SCSS-Themes/navigations/tab/bds-dark-lite.scss

@@ -2972,7 +2972,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;
               }

package/SCSS-Themes/navigations/tab/bds-dark.scss

@@ -2972,7 +2972,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;
               }

package/SCSS-Themes/navigations/tab/bds-lite.scss

@@ -2972,7 +2972,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;
               }

package/SCSS-Themes/navigations/tab/bds.scss

@@ -2972,7 +2972,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;
               }

package/SCSS-Themes/navigations/tab/bootstrap-dark-lite.scss

@@ -2941,7 +2941,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;
               }

package/SCSS-Themes/navigations/tab/bootstrap-dark.scss

@@ -2941,7 +2941,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;
               }

package/SCSS-Themes/navigations/tab/bootstrap-lite.scss

@@ -2940,7 +2940,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;
               }

package/SCSS-Themes/navigations/tab/bootstrap.scss

@@ -2940,7 +2940,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;
               }

package/SCSS-Themes/navigations/tab/bootstrap4-lite.scss

@@ -2948,7 +2948,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;
               }

package/SCSS-Themes/navigations/tab/bootstrap4.scss

@@ -2948,7 +2948,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;
               }

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

@@ -2946,7 +2946,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;
               }

package/SCSS-Themes/navigations/tab/bootstrap5-dark.scss

@@ -2946,7 +2946,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;
               }

package/SCSS-Themes/navigations/tab/bootstrap5-lite.scss

@@ -2946,7 +2946,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;
               }