@syncfusion/blazor-themes 20.3.60 → 20.3.61

package/SCSS-Themes/fabric-dark.scss

@@ -35420,9 +35420,6 @@ $cmenu-li-selected-outline-offset: 0 !default;
 
     & .e-menu-item  {
       @include bigger-li-size;
-      @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' {
-        padding: $cmenu-bigger-li-padding;
-      }
 
       & .e-caret {
         font-size: $cmenu-bigger-caret-font-size;
@@ -54349,7 +54346,17 @@ $ripple-width: 32px !default;
 }
 
 @mixin active-hover-theme {
-  background-color: $treeview-item-active-hover-bg;
+  @if $theme-name =='fluentui-dark' {
+    background-color: lighten($treeview-item-active-bg, 5%);
+  }
+
+  @else if $theme-name =='tailwind' {
+    background-color: darken($treeview-item-active-hover-bg, 10%);
+  }
+
+  @else {
+    background-color: $treeview-item-active-hover-bg;
+  }
   border-color: $treeview-item-active-hover-border-color;
   @if $skin-name == 'bootstrap' or $skin-name == 'highcontrast' {
     -webkit-box-shadow: $treeview-border-shadow;
@@ -55729,7 +55736,7 @@ $menu-header-icon-padding: 0 16px !default;
 
     @at-root {
       & .e-menu {
-        @if $skin-name == 'bootstrap4' {
+        @if $skin-name == 'bootstrap4' or $skin-name == 'FluentUI' {
           background-color: $cmenu-ul-bgcolor;
         }
         @else {
@@ -56986,7 +56993,7 @@ $ddt-remains-count-padding-top: 6px !default;
       position: absolute;
 
       .e-active .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: $ddt-readonly-input-bg-color;
           }
@@ -56994,7 +57001,7 @@ $ddt-remains-count-padding-top: 6px !default;
       }
 
       .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }
@@ -72563,8 +72570,8 @@ $grid-frozen-mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
 $grid-rowcell-color: rgba($grid-content-font-color, $grid-conent-font-opacity) !default;
 $grid-reorderarrow-margin-top: -4.5px !default;
 $grid-reorderdownarrow-margin-top: 4px !default;
-$grid-reorder-arrow-top-margin: 0 !default;
-$grid-reorder-downarrow-top-margin: 0 !default;
+$grid-reorder-arrow-top-margin: 1px !default;
+$grid-reorder-downarrow-top-margin: -1px !default;
 $grid-sortnumber-font-size: 9px !default;
 $grid-header-text-transform: none !default;
 $grid-bigger-toolbar-icon-size: 18px !default;
@@ -76312,7 +76319,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }
 

package/SCSS-Themes/fabric.scss

@@ -35243,9 +35243,6 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
 
     & .e-menu-item  {
       @include bigger-li-size;
-      @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' {
-        padding: $cmenu-bigger-li-padding;
-      }
 
       & .e-caret {
         font-size: $cmenu-bigger-caret-font-size;
@@ -54123,7 +54120,17 @@ $ripple-width: 32px !default;
 }
 
 @mixin active-hover-theme {
-  background-color: $treeview-item-active-hover-bg;
+  @if $theme-name =='fluentui-dark' {
+    background-color: lighten($treeview-item-active-bg, 5%);
+  }
+
+  @else if $theme-name =='tailwind' {
+    background-color: darken($treeview-item-active-hover-bg, 10%);
+  }
+
+  @else {
+    background-color: $treeview-item-active-hover-bg;
+  }
   border-color: $treeview-item-active-hover-border-color;
   @if $skin-name == 'bootstrap' or $skin-name == 'highcontrast' {
     -webkit-box-shadow: $treeview-border-shadow;
@@ -55503,7 +55510,7 @@ $menu-header-icon-padding: 0 16px !default;
 
     @at-root {
       & .e-menu {
-        @if $skin-name == 'bootstrap4' {
+        @if $skin-name == 'bootstrap4' or $skin-name == 'FluentUI' {
           background-color: $cmenu-ul-bgcolor;
         }
         @else {
@@ -56760,7 +56767,7 @@ $ddt-remains-count-padding-top: 6px !default;
       position: absolute;
 
       .e-active .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: $ddt-readonly-input-bg-color;
           }
@@ -56768,7 +56775,7 @@ $ddt-remains-count-padding-top: 6px !default;
       }
 
       .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }
@@ -72326,8 +72333,8 @@ $grid-frozen-mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
 $grid-rowcell-color: rgba($grid-content-font-color, $grid-conent-font-opacity) !default;
 $grid-reorderarrow-margin-top: -4.5px !default;
 $grid-reorderdownarrow-margin-top: 4px !default;
-$grid-reorder-arrow-top-margin: 0 !default;
-$grid-reorder-downarrow-top-margin: 0 !default;
+$grid-reorder-arrow-top-margin: 1px !default;
+$grid-reorder-downarrow-top-margin: -1px !default;
 $grid-sortnumber-font-size: 9px !default;
 $grid-header-text-transform: none !default;
 $grid-bigger-toolbar-icon-size: 18px !default;
@@ -76075,7 +76082,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }
 

package/SCSS-Themes/fluent-dark.scss

@@ -35641,9 +35641,6 @@ $cmenu-hover-icon-color: $icon-color !default;
 
     & .e-menu-item  {
       @include bigger-li-size;
-      @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' {
-        padding: $cmenu-bigger-li-padding;
-      }
 
       & .e-caret {
         font-size: $cmenu-bigger-caret-font-size;
@@ -54709,7 +54706,17 @@ $treeview-item-active-check-color: $primary !default;
 }
 
 @mixin active-hover-theme {
-  background-color: $treeview-item-active-hover-bg;
+  @if $theme-name =='fluentui-dark' {
+    background-color: lighten($treeview-item-active-bg, 5%);
+  }
+
+  @else if $theme-name =='tailwind' {
+    background-color: darken($treeview-item-active-hover-bg, 10%);
+  }
+
+  @else {
+    background-color: $treeview-item-active-hover-bg;
+  }
   border-color: $treeview-item-active-hover-border-color;
   @if $skin-name == 'bootstrap' or $skin-name == 'highcontrast' {
     -webkit-box-shadow: $treeview-border-shadow;
@@ -56094,7 +56101,7 @@ $menu-caret-color: $cmenu-caret-color !default;
 
     @at-root {
       & .e-menu {
-        @if $skin-name == 'bootstrap4' {
+        @if $skin-name == 'bootstrap4' or $skin-name == 'FluentUI' {
           background-color: $cmenu-ul-bgcolor;
         }
         @else {
@@ -57352,7 +57359,7 @@ $ddt-readonly-input-bg-color: $content-bg-color !default;
       position: absolute;
 
       .e-active .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: $ddt-readonly-input-bg-color;
           }
@@ -57360,7 +57367,7 @@ $ddt-readonly-input-bg-color: $content-bg-color !default;
       }
 
       .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }
@@ -73117,7 +73124,7 @@ $grid-sortnumber-font-size: 12px !default;
 $grid-reorderarrow-margin-top: -6.5px !default;
 $grid-reorderdownarrow-margin-top: 4.5px !default;
 $grid-reorder-arrow-top-margin: 0 !default;
-$grid-reorder-downarrow-top-margin: 0 !default;
+$grid-reorder-downarrow-top-margin: -1px !default;
 $grid-bigger-toolbar-icon-size: $grid-bigger-icons-font-size !default;
 $grid-reorderarrow-margin-left: -2px !default;
 $grid-column-chooser-cancel-icon-size: 10px !default;
@@ -76860,7 +76867,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }
 

package/SCSS-Themes/fluent.scss

@@ -35642,9 +35642,6 @@ $cmenu-hover-icon-color: $icon-color !default;
 
     & .e-menu-item  {
       @include bigger-li-size;
-      @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' {
-        padding: $cmenu-bigger-li-padding;
-      }
 
       & .e-caret {
         font-size: $cmenu-bigger-caret-font-size;
@@ -54710,7 +54707,17 @@ $treeview-item-active-check-color: $primary !default;
 }
 
 @mixin active-hover-theme {
-  background-color: $treeview-item-active-hover-bg;
+  @if $theme-name =='fluentui-dark' {
+    background-color: lighten($treeview-item-active-bg, 5%);
+  }
+
+  @else if $theme-name =='tailwind' {
+    background-color: darken($treeview-item-active-hover-bg, 10%);
+  }
+
+  @else {
+    background-color: $treeview-item-active-hover-bg;
+  }
   border-color: $treeview-item-active-hover-border-color;
   @if $skin-name == 'bootstrap' or $skin-name == 'highcontrast' {
     -webkit-box-shadow: $treeview-border-shadow;
@@ -56095,7 +56102,7 @@ $menu-caret-color: $cmenu-caret-color !default;
 
     @at-root {
       & .e-menu {
-        @if $skin-name == 'bootstrap4' {
+        @if $skin-name == 'bootstrap4' or $skin-name == 'FluentUI' {
           background-color: $cmenu-ul-bgcolor;
         }
         @else {
@@ -57353,7 +57360,7 @@ $ddt-readonly-input-bg-color: $content-bg-color !default;
       position: absolute;
 
       .e-active .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: $ddt-readonly-input-bg-color;
           }
@@ -57361,7 +57368,7 @@ $ddt-readonly-input-bg-color: $content-bg-color !default;
       }
 
       .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }
@@ -73118,7 +73125,7 @@ $grid-sortnumber-font-size: 12px !default;
 $grid-reorderarrow-margin-top: -6.5px !default;
 $grid-reorderdownarrow-margin-top: 4.5px !default;
 $grid-reorder-arrow-top-margin: 0 !default;
-$grid-reorder-downarrow-top-margin: 0 !default;
+$grid-reorder-downarrow-top-margin: -1px !default;
 $grid-bigger-toolbar-icon-size: $grid-bigger-icons-font-size !default;
 $grid-reorderarrow-margin-left: -2px !default;
 $grid-column-chooser-cancel-icon-size: 10px !default;
@@ -76861,7 +76868,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }
 

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

@@ -584,7 +584,7 @@ $grid-frozen-mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
 $grid-rowcell-color: rgba($grid-content-font-color, $grid-conent-font-opacity) !default;
 $grid-reorderarrow-margin-top: -6.5px !default;
 $grid-reorderdownarrow-margin-top: 4px !default;
-$grid-reorder-arrow-top-margin: -1.5px !default;
+$grid-reorder-arrow-top-margin: .5px !default;
 $grid-reorder-downarrow-top-margin: -1.5px !default;
 $grid-sortnumber-font-size: 9px !default;
 $grid-header-text-transform: none !default;
@@ -4333,7 +4333,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }
 

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

@@ -586,7 +586,7 @@ $grid-frozen-mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
 $grid-rowcell-color: rgba($grid-content-font-color, $grid-conent-font-opacity) !default;
 $grid-reorderarrow-margin-top: -6.5px !default;
 $grid-reorderdownarrow-margin-top: 4px !default;
-$grid-reorder-arrow-top-margin: -1.5px !default;
+$grid-reorder-arrow-top-margin: .5px !default;
 $grid-reorder-downarrow-top-margin: -1.5px !default;
 $grid-sortnumber-font-size: 9px !default;
 $grid-header-text-transform: none !default;
@@ -4335,7 +4335,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }
 

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

@@ -590,7 +590,7 @@ $grid-frozen-mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
 $grid-rowcell-color: $grid-content-font-color !default !default;
 $grid-reorderarrow-margin-top: -7.5px !default;
 $grid-reorderdownarrow-margin-top: 2.5px !default;
-$grid-reorder-arrow-top-margin: -1px !default;
+$grid-reorder-arrow-top-margin: 0 !default;
 $grid-reorder-downarrow-top-margin: -3px !default;
 $grid-sortnumber-font-size: 9px !default;
 $grid-header-text-transform: none !default;
@@ -4339,7 +4339,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }
 

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

@@ -587,7 +587,7 @@ $grid-sortnumber-font-size: 14px !default;
 $grid-reorderarrow-margin-top: -7px !default;
 $grid-reorderdownarrow-margin-top: 4px !default;
 $grid-reorder-arrow-top-margin: 0 !default;
-$grid-reorder-downarrow-top-margin: 0 !default;
+$grid-reorder-downarrow-top-margin: -2px !default;
 $grid-bigger-toolbar-icon-size: $grid-bigger-icons-font-size !default;
 $grid-reorderarrow-margin-left: -3px !default;
 $grid-column-chooser-cancel-icon-size: $text-sm !default;
@@ -4333,7 +4333,7 @@ $grid-dropitems-count-margin-left: -4px !default;
 
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }
 

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

@@ -587,7 +587,7 @@ $grid-sortnumber-font-size: 14px !default;
 $grid-reorderarrow-margin-top: -7px !default;
 $grid-reorderdownarrow-margin-top: 4px !default;
 $grid-reorder-arrow-top-margin: 0 !default;
-$grid-reorder-downarrow-top-margin: 0 !default;
+$grid-reorder-downarrow-top-margin: -2px !default;
 $grid-bigger-toolbar-icon-size: $grid-bigger-icons-font-size !default;
 $grid-reorderarrow-margin-left: -3px !default;
 $grid-column-chooser-cancel-icon-size: $text-sm !default;
@@ -4333,7 +4333,7 @@ $grid-dropitems-count-margin-left: -4px !default;
 
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }
 

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

@@ -581,8 +581,8 @@ $grid-frozen-mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
 $grid-rowcell-color: rgba($grid-content-font-color, $grid-conent-font-opacity) !default;
 $grid-reorderarrow-margin-top: -4.5px !default;
 $grid-reorderdownarrow-margin-top: 4px !default;
-$grid-reorder-arrow-top-margin: 0 !default;
-$grid-reorder-downarrow-top-margin: 0 !default;
+$grid-reorder-arrow-top-margin: 1px !default;
+$grid-reorder-downarrow-top-margin: -1px !default;
 $grid-sortnumber-font-size: 9px !default;
 $grid-header-text-transform: none !default;
 $grid-bigger-toolbar-icon-size: 18px !default;
@@ -4330,7 +4330,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }
 

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

@@ -581,8 +581,8 @@ $grid-frozen-mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
 $grid-rowcell-color: rgba($grid-content-font-color, $grid-conent-font-opacity) !default;
 $grid-reorderarrow-margin-top: -4.5px !default;
 $grid-reorderdownarrow-margin-top: 4px !default;
-$grid-reorder-arrow-top-margin: 0 !default;
-$grid-reorder-downarrow-top-margin: 0 !default;
+$grid-reorder-arrow-top-margin: 1px !default;
+$grid-reorder-downarrow-top-margin: -1px !default;
 $grid-sortnumber-font-size: 9px !default;
 $grid-header-text-transform: none !default;
 $grid-bigger-toolbar-icon-size: 18px !default;
@@ -4330,7 +4330,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }
 

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

@@ -582,7 +582,7 @@ $grid-sortnumber-font-size: 12px !default;
 $grid-reorderarrow-margin-top: -6.5px !default;
 $grid-reorderdownarrow-margin-top: 4.5px !default;
 $grid-reorder-arrow-top-margin: 0 !default;
-$grid-reorder-downarrow-top-margin: 0 !default;
+$grid-reorder-downarrow-top-margin: -1px !default;
 $grid-bigger-toolbar-icon-size: $grid-bigger-icons-font-size !default;
 $grid-reorderarrow-margin-left: -2px !default;
 $grid-column-chooser-cancel-icon-size: 10px !default;
@@ -4325,7 +4325,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }
 

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

@@ -582,7 +582,7 @@ $grid-sortnumber-font-size: 12px !default;
 $grid-reorderarrow-margin-top: -6.5px !default;
 $grid-reorderdownarrow-margin-top: 4.5px !default;
 $grid-reorder-arrow-top-margin: 0 !default;
-$grid-reorder-downarrow-top-margin: 0 !default;
+$grid-reorder-downarrow-top-margin: -1px !default;
 $grid-bigger-toolbar-icon-size: $grid-bigger-icons-font-size !default;
 $grid-reorderarrow-margin-left: -2px !default;
 $grid-column-chooser-cancel-icon-size: 10px !default;
@@ -4325,7 +4325,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }
 

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

@@ -581,8 +581,8 @@ $grid-frozen-mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
 $grid-rowcell-color: rgba($grid-content-font-color, $grid-conent-font-opacity) !default;
 $grid-reorderarrow-margin-top: -5px !default;
 $grid-reorderdownarrow-margin-top: 4px !default;
-$grid-reorder-arrow-top-margin: 0 !default;
-$grid-reorder-downarrow-top-margin: 0 !default;
+$grid-reorder-arrow-top-margin: 2px !default;
+$grid-reorder-downarrow-top-margin: -1px !default;
 $grid-sortnumber-font-size: 9px !default;
 $grid-header-text-transform: none !default;
 $grid-bigger-toolbar-icon-size: 18px !default;
@@ -4330,7 +4330,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }
 

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

@@ -582,8 +582,8 @@ $grid-frozen-mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
 $grid-rowcell-color: rgba($grid-content-font-color, $grid-conent-font-opacity) !default;
 $grid-reorderarrow-margin-top: -4.5px !default;
 $grid-reorderdownarrow-margin-top: 4.5px !default;
-$grid-reorder-arrow-top-margin: 0 !default;
-$grid-reorder-downarrow-top-margin: 0 !default;
+$grid-reorder-arrow-top-margin: 1px !default;
+$grid-reorder-downarrow-top-margin: -1px !default;
 $grid-sortnumber-font-size: 9px !default;
 $grid-header-text-transform: none !default;
 $grid-bigger-toolbar-icon-size: 18px !default;
@@ -4331,7 +4331,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }
 

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

@@ -580,8 +580,8 @@ $grid-frozen-mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
 $grid-rowcell-color: rgba($grid-content-font-color, $grid-conent-font-opacity) !default;
 $grid-reorderarrow-margin-top: -4.5px !default;
 $grid-reorderdownarrow-margin-top: 4.5px !default;
-$grid-reorder-arrow-top-margin: 0 !default;
-$grid-reorder-downarrow-top-margin: 0 !default;
+$grid-reorder-arrow-top-margin: 1px !default;
+$grid-reorder-downarrow-top-margin: -1px !default;
 $grid-sortnumber-font-size: 9px !default;
 $grid-header-text-transform: none !default;
 $grid-bigger-toolbar-icon-size: 18px !default;
@@ -4329,7 +4329,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }
 

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

@@ -593,8 +593,8 @@ $grid-adatptive-apply-btn-disable: $primary-bg-color-disabled !default;
 $grid-sortnumber-font-size: $text-xxs !default;
 $grid-reorderarrow-margin-top: -11px !default;
 $grid-reorderdownarrow-margin-top: 1px !default;
-$grid-reorder-arrow-top-margin: -11px !default;
-$grid-reorder-downarrow-top-margin: 1px !default;
+$grid-reorder-arrow-top-margin: -4px !default;
+$grid-reorder-downarrow-top-margin: -5px !default;
 $grid-bigger-toolbar-icon-size: $grid-bigger-icons-font-size !default;
 $grid-reorderarrow-margin-left: -6px !default;
 $grid-column-chooser-cancel-icon-size: $text-sm !default;
@@ -4340,7 +4340,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }
 

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

@@ -593,8 +593,8 @@ $grid-adatptive-apply-btn-disable: $primary-bg-color-disabled !default;
 $grid-sortnumber-font-size: $text-xxs !default;
 $grid-reorderarrow-margin-top: -11px !default;
 $grid-reorderdownarrow-margin-top: 1px !default;
-$grid-reorder-arrow-top-margin: -11px !default;
-$grid-reorder-downarrow-top-margin: 1px !default;
+$grid-reorder-arrow-top-margin: -4px !default;
+$grid-reorder-downarrow-top-margin: -5px !default;
 $grid-bigger-toolbar-icon-size: $grid-bigger-icons-font-size !default;
 $grid-reorderarrow-margin-left: -6px !default;
 $grid-column-chooser-cancel-icon-size: $text-sm !default;
@@ -4340,7 +4340,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }
 

package/SCSS-Themes/highcontrast.scss

@@ -35321,9 +35321,6 @@ $cmenu-li-selected-outline-offset: 0 !default;
 
     & .e-menu-item  {
       @include bigger-li-size;
-      @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' {
-        padding: $cmenu-bigger-li-padding;
-      }
 
       & .e-caret {
         font-size: $cmenu-bigger-caret-font-size;
@@ -54248,7 +54245,17 @@ $ripple-width: 32px !default;
 }
 
 @mixin active-hover-theme {
-  background-color: $treeview-item-active-hover-bg;
+  @if $theme-name =='fluentui-dark' {
+    background-color: lighten($treeview-item-active-bg, 5%);
+  }
+
+  @else if $theme-name =='tailwind' {
+    background-color: darken($treeview-item-active-hover-bg, 10%);
+  }
+
+  @else {
+    background-color: $treeview-item-active-hover-bg;
+  }
   border-color: $treeview-item-active-hover-border-color;
   @if $skin-name == 'bootstrap' or $skin-name == 'highcontrast' {
     -webkit-box-shadow: $treeview-border-shadow;
@@ -55629,7 +55636,7 @@ $menu-header-icon-padding: 0 16px !default;
 
     @at-root {
       & .e-menu {
-        @if $skin-name == 'bootstrap4' {
+        @if $skin-name == 'bootstrap4' or $skin-name == 'FluentUI' {
           background-color: $cmenu-ul-bgcolor;
         }
         @else {
@@ -56896,7 +56903,7 @@ $ddt-remains-count-padding-top: 6px !default;
       position: absolute;
 
       .e-active .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: $ddt-readonly-input-bg-color;
           }
@@ -56904,7 +56911,7 @@ $ddt-remains-count-padding-top: 6px !default;
       }
 
       .e-checkbox-wrapper {
-        .e-frame:not(.e-check) {
+        .e-frame:not(.e-check):not(.e-stop) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }
@@ -72567,8 +72574,8 @@ $grid-frozen-mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
 $grid-rowcell-color: rgba($grid-content-font-color, $grid-conent-font-opacity) !default;
 $grid-reorderarrow-margin-top: -5px !default;
 $grid-reorderdownarrow-margin-top: 4px !default;
-$grid-reorder-arrow-top-margin: 0 !default;
-$grid-reorder-downarrow-top-margin: 0 !default;
+$grid-reorder-arrow-top-margin: 2px !default;
+$grid-reorder-downarrow-top-margin: -1px !default;
 $grid-sortnumber-font-size: 9px !default;
 $grid-header-text-transform: none !default;
 $grid-bigger-toolbar-icon-size: 18px !default;
@@ -76316,7 +76323,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
   .e-gridheader .e-headercontent .e-reorderuparrow {
     @if $grid-skin == 'fluent' or $grid-skin == 'bootstrap5' {
-      margin-top: -9px;
+      margin-top: -2px;
     }
   }