@syncfusion/blazor-themes 25.2.3 → 25.2.4

package/SCSS-Themes/richtexteditor/rich-text-editor/material.scss

@@ -1209,7 +1209,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     margin-right: 5px;
     display: inline-block;
     float: none;
-    max-width: calc(100% - (2 * 5px));
+    max-width: 100%;
     padding: 1px;
     vertical-align: bottom;
   }

package/SCSS-Themes/richtexteditor/rich-text-editor/material3-dark.scss

@@ -1211,7 +1211,7 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
     margin-right: 5px;
     display: inline-block;
     float: none;
-    max-width: calc(100% - (2 * 5px));
+    max-width: 100%;
     padding: 1px;
     vertical-align: bottom;
   }

package/SCSS-Themes/richtexteditor/rich-text-editor/material3.scss

@@ -1211,7 +1211,7 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
     margin-right: 5px;
     display: inline-block;
     float: none;
-    max-width: calc(100% - (2 * 5px));
+    max-width: 100%;
     padding: 1px;
     vertical-align: bottom;
   }

package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind-dark.scss

@@ -1206,7 +1206,7 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
     margin-right: 5px;
     display: inline-block;
     float: none;
-    max-width: calc(100% - (2 * 5px));
+    max-width: 100%;
     padding: 1px;
     vertical-align: bottom;
   }

package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind.scss

@@ -1206,7 +1206,7 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
     margin-right: 5px;
     display: inline-block;
     float: none;
-    max-width: calc(100% - (2 * 5px));
+    max-width: 100%;
     padding: 1px;
     vertical-align: bottom;
   }

package/SCSS-Themes/splitbuttons/button-group/bds-dark.scss

@@ -456,7 +456,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
 
     //Focus state for Normal and Outline GroupButton
     .e-btn:focus,
-    input:focus-visible+label.e-btn {
+    input:focus-visible+label.e-btn,
+    input:focus+label.e-btn {
       @include button-focus;
       @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;

package/SCSS-Themes/splitbuttons/button-group/bds.scss

@@ -456,7 +456,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
 
     //Focus state for Normal and Outline GroupButton
     .e-btn:focus,
-    input:focus-visible+label.e-btn {
+    input:focus-visible+label.e-btn,
+    input:focus+label.e-btn {
       @include button-focus;
       @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;

package/SCSS-Themes/splitbuttons/button-group/bootstrap-dark.scss

@@ -458,7 +458,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
 
     //Focus state for Normal and Outline GroupButton
     .e-btn:focus,
-    input:focus-visible+label.e-btn {
+    input:focus-visible+label.e-btn,
+    input:focus+label.e-btn {
       @include button-focus;
       @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;

package/SCSS-Themes/splitbuttons/button-group/bootstrap.scss

@@ -455,7 +455,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
 
     //Focus state for Normal and Outline GroupButton
     .e-btn:focus,
-    input:focus-visible+label.e-btn {
+    input:focus-visible+label.e-btn,
+    input:focus+label.e-btn {
       @include button-focus;
       @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;

package/SCSS-Themes/splitbuttons/button-group/bootstrap4.scss

@@ -455,7 +455,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
 
     //Focus state for Normal and Outline GroupButton
     .e-btn:focus,
-    input:focus-visible+label.e-btn {
+    input:focus-visible+label.e-btn,
+    input:focus+label.e-btn {
       @include button-focus;
       @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;

package/SCSS-Themes/splitbuttons/button-group/bootstrap5-dark.scss

@@ -456,7 +456,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
 
     //Focus state for Normal and Outline GroupButton
     .e-btn:focus,
-    input:focus-visible+label.e-btn {
+    input:focus-visible+label.e-btn,
+    input:focus+label.e-btn {
       @include button-focus;
       @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;

package/SCSS-Themes/splitbuttons/button-group/bootstrap5.scss

@@ -456,7 +456,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
 
     //Focus state for Normal and Outline GroupButton
     .e-btn:focus,
-    input:focus-visible+label.e-btn {
+    input:focus-visible+label.e-btn,
+    input:focus+label.e-btn {
       @include button-focus;
       @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;

package/SCSS-Themes/splitbuttons/button-group/fabric-dark.scss

@@ -458,7 +458,8 @@ $btn-grp-outline-focus-danger-color: $btn-danger-active-color !default;
 
     //Focus state for Normal and Outline GroupButton
     .e-btn:focus,
-    input:focus-visible+label.e-btn {
+    input:focus-visible+label.e-btn,
+    input:focus+label.e-btn {
       @include button-focus;
       @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;

package/SCSS-Themes/splitbuttons/button-group/fabric.scss

@@ -455,7 +455,8 @@ $btn-grp-outline-focus-danger-color: #fff !default;
 
     //Focus state for Normal and Outline GroupButton
     .e-btn:focus,
-    input:focus-visible+label.e-btn {
+    input:focus-visible+label.e-btn,
+    input:focus+label.e-btn {
       @include button-focus;
       @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;

package/SCSS-Themes/splitbuttons/button-group/fluent-dark.scss

@@ -456,7 +456,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
 
     //Focus state for Normal and Outline GroupButton
     .e-btn:focus,
-    input:focus-visible+label.e-btn {
+    input:focus-visible+label.e-btn,
+    input:focus+label.e-btn {
       @include button-focus;
       @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;

package/SCSS-Themes/splitbuttons/button-group/fluent.scss

@@ -456,7 +456,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
 
     //Focus state for Normal and Outline GroupButton
     .e-btn:focus,
-    input:focus-visible+label.e-btn {
+    input:focus-visible+label.e-btn,
+    input:focus+label.e-btn {
       @include button-focus;
       @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;

package/SCSS-Themes/splitbuttons/button-group/highcontrast.scss

@@ -457,7 +457,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
 
     //Focus state for Normal and Outline GroupButton
     .e-btn:focus,
-    input:focus-visible+label.e-btn {
+    input:focus-visible+label.e-btn,
+    input:focus+label.e-btn {
       @include button-focus;
       @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;

package/SCSS-Themes/splitbuttons/button-group/material-dark.scss

@@ -458,7 +458,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
 
     //Focus state for Normal and Outline GroupButton
     .e-btn:focus,
-    input:focus-visible+label.e-btn {
+    input:focus-visible+label.e-btn,
+    input:focus+label.e-btn {
       @include button-focus;
       @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;

package/SCSS-Themes/splitbuttons/button-group/material.scss

@@ -455,7 +455,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
 
     //Focus state for Normal and Outline GroupButton
     .e-btn:focus,
-    input:focus-visible+label.e-btn {
+    input:focus-visible+label.e-btn,
+    input:focus+label.e-btn {
       @include button-focus;
       @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;

package/SCSS-Themes/splitbuttons/button-group/material3-dark.scss

@@ -456,7 +456,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
 
     //Focus state for Normal and Outline GroupButton
     .e-btn:focus,
-    input:focus-visible+label.e-btn {
+    input:focus-visible+label.e-btn,
+    input:focus+label.e-btn {
       @include button-focus;
       @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;

package/SCSS-Themes/splitbuttons/button-group/material3.scss

@@ -456,7 +456,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
 
     //Focus state for Normal and Outline GroupButton
     .e-btn:focus,
-    input:focus-visible+label.e-btn {
+    input:focus-visible+label.e-btn,
+    input:focus+label.e-btn {
       @include button-focus;
       @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;

package/SCSS-Themes/splitbuttons/button-group/tailwind-dark.scss

@@ -456,7 +456,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
 
     //Focus state for Normal and Outline GroupButton
     .e-btn:focus,
-    input:focus-visible+label.e-btn {
+    input:focus-visible+label.e-btn,
+    input:focus+label.e-btn {
       @include button-focus;
       @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;

package/SCSS-Themes/splitbuttons/button-group/tailwind.scss

@@ -456,7 +456,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
 
     //Focus state for Normal and Outline GroupButton
     .e-btn:focus,
-    input:focus-visible+label.e-btn {
+    input:focus-visible+label.e-btn,
+    input:focus+label.e-btn {
       @include button-focus;
       @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;

package/SCSS-Themes/tailwind-dark.scss

@@ -87314,7 +87314,11 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
         vertical-align: middle;
       }
     }
-
+    .e-cloneproperties .e-treecolumn-container {
+      span {
+        vertical-align: text-top;
+      }
+    }
     .e-hierarchycheckbox .e-frame {
       @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
         font-size: 10px;
@@ -88129,7 +88133,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
 
     //Focus state for Normal and Outline GroupButton
     .e-btn:focus,
-    input:focus-visible+label.e-btn {
+    input:focus-visible+label.e-btn,
+    input:focus+label.e-btn {
       @include button-focus;
       @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;
@@ -90814,7 +90819,7 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
     margin-right: 5px;
     display: inline-block;
     float: none;
-    max-width: calc(100% - (2 * 5px));
+    max-width: 100%;
     padding: 1px;
     vertical-align: bottom;
   }

package/SCSS-Themes/tailwind.scss

@@ -87311,7 +87311,11 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
         vertical-align: middle;
       }
     }
-
+    .e-cloneproperties .e-treecolumn-container {
+      span {
+        vertical-align: text-top;
+      }
+    }
     .e-hierarchycheckbox .e-frame {
       @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
         font-size: 10px;
@@ -88126,7 +88130,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
 
     //Focus state for Normal and Outline GroupButton
     .e-btn:focus,
-    input:focus-visible+label.e-btn {
+    input:focus-visible+label.e-btn,
+    input:focus+label.e-btn {
       @include button-focus;
       @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;
@@ -90811,7 +90816,7 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
     margin-right: 5px;
     display: inline-block;
     float: none;
-    max-width: calc(100% - (2 * 5px));
+    max-width: 100%;
     padding: 1px;
     vertical-align: bottom;
   }

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

@@ -189,7 +189,11 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
         vertical-align: middle;
       }
     }
-
+    .e-cloneproperties .e-treecolumn-container {
+      span {
+        vertical-align: text-top;
+      }
+    }
     .e-hierarchycheckbox .e-frame {
       @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
         font-size: 10px;

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

@@ -189,7 +189,11 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
         vertical-align: middle;
       }
     }
-
+    .e-cloneproperties .e-treecolumn-container {
+      span {
+        vertical-align: text-top;
+      }
+    }
     .e-hierarchycheckbox .e-frame {
       @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
         font-size: 10px;

package/SCSS-Themes/treegrid/treegrid/bootstrap-dark.scss

@@ -191,7 +191,11 @@ $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
         vertical-align: middle;
       }
     }
-
+    .e-cloneproperties .e-treecolumn-container {
+      span {
+        vertical-align: text-top;
+      }
+    }
     .e-hierarchycheckbox .e-frame {
       @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
         font-size: 10px;

package/SCSS-Themes/treegrid/treegrid/bootstrap.scss

@@ -191,7 +191,11 @@ $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
         vertical-align: middle;
       }
     }
-
+    .e-cloneproperties .e-treecolumn-container {
+      span {
+        vertical-align: text-top;
+      }
+    }
     .e-hierarchycheckbox .e-frame {
       @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
         font-size: 10px;

package/SCSS-Themes/treegrid/treegrid/bootstrap4.scss

@@ -191,7 +191,11 @@ $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
         vertical-align: middle;
       }
     }
-
+    .e-cloneproperties .e-treecolumn-container {
+      span {
+        vertical-align: text-top;
+      }
+    }
     .e-hierarchycheckbox .e-frame {
       @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
         font-size: 10px;

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

@@ -189,7 +189,11 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
         vertical-align: middle;
       }
     }
-
+    .e-cloneproperties .e-treecolumn-container {
+      span {
+        vertical-align: text-top;
+      }
+    }
     .e-hierarchycheckbox .e-frame {
       @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
         font-size: 10px;

package/SCSS-Themes/treegrid/treegrid/bootstrap5.scss

@@ -189,7 +189,11 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
         vertical-align: middle;
       }
     }
-
+    .e-cloneproperties .e-treecolumn-container {
+      span {
+        vertical-align: text-top;
+      }
+    }
     .e-hierarchycheckbox .e-frame {
       @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
         font-size: 10px;

package/SCSS-Themes/treegrid/treegrid/fabric-dark.scss

@@ -191,7 +191,11 @@ $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
         vertical-align: middle;
       }
     }
-
+    .e-cloneproperties .e-treecolumn-container {
+      span {
+        vertical-align: text-top;
+      }
+    }
     .e-hierarchycheckbox .e-frame {
       @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
         font-size: 10px;

package/SCSS-Themes/treegrid/treegrid/fabric.scss

@@ -191,7 +191,11 @@ $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
         vertical-align: middle;
       }
     }
-
+    .e-cloneproperties .e-treecolumn-container {
+      span {
+        vertical-align: text-top;
+      }
+    }
     .e-hierarchycheckbox .e-frame {
       @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
         font-size: 10px;

package/SCSS-Themes/treegrid/treegrid/fluent-dark.scss

@@ -190,7 +190,11 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
         vertical-align: middle;
       }
     }
-
+    .e-cloneproperties .e-treecolumn-container {
+      span {
+        vertical-align: text-top;
+      }
+    }
     .e-hierarchycheckbox .e-frame {
       @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
         font-size: 10px;

package/SCSS-Themes/treegrid/treegrid/fluent.scss

@@ -190,7 +190,11 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
         vertical-align: middle;
       }
     }
-
+    .e-cloneproperties .e-treecolumn-container {
+      span {
+        vertical-align: text-top;
+      }
+    }
     .e-hierarchycheckbox .e-frame {
       @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
         font-size: 10px;

package/SCSS-Themes/treegrid/treegrid/highcontrast.scss

@@ -191,7 +191,11 @@ $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
         vertical-align: middle;
       }
     }
-
+    .e-cloneproperties .e-treecolumn-container {
+      span {
+        vertical-align: text-top;
+      }
+    }
     .e-hierarchycheckbox .e-frame {
       @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
         font-size: 10px;

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

@@ -191,7 +191,11 @@ $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
         vertical-align: middle;
       }
     }
-
+    .e-cloneproperties .e-treecolumn-container {
+      span {
+        vertical-align: text-top;
+      }
+    }
     .e-hierarchycheckbox .e-frame {
       @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
         font-size: 10px;

package/SCSS-Themes/treegrid/treegrid/material.scss

@@ -191,7 +191,11 @@ $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
         vertical-align: middle;
       }
     }
-
+    .e-cloneproperties .e-treecolumn-container {
+      span {
+        vertical-align: text-top;
+      }
+    }
     .e-hierarchycheckbox .e-frame {
       @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
         font-size: 10px;

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

@@ -189,7 +189,11 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
         vertical-align: middle;
       }
     }
-
+    .e-cloneproperties .e-treecolumn-container {
+      span {
+        vertical-align: text-top;
+      }
+    }
     .e-hierarchycheckbox .e-frame {
       @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
         font-size: 10px;

package/SCSS-Themes/treegrid/treegrid/material3.scss

@@ -189,7 +189,11 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
         vertical-align: middle;
       }
     }
-
+    .e-cloneproperties .e-treecolumn-container {
+      span {
+        vertical-align: text-top;
+      }
+    }
     .e-hierarchycheckbox .e-frame {
       @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
         font-size: 10px;

package/SCSS-Themes/treegrid/treegrid/tailwind-dark.scss

@@ -189,7 +189,11 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
         vertical-align: middle;
       }
     }
-
+    .e-cloneproperties .e-treecolumn-container {
+      span {
+        vertical-align: text-top;
+      }
+    }
     .e-hierarchycheckbox .e-frame {
       @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
         font-size: 10px;

package/SCSS-Themes/treegrid/treegrid/tailwind.scss

@@ -189,7 +189,11 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
         vertical-align: middle;
       }
     }
-
+    .e-cloneproperties .e-treecolumn-container {
+      span {
+        vertical-align: text-top;
+      }
+    }
     .e-hierarchycheckbox .e-frame {
       @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
         font-size: 10px;

package/package.json

@@ -1 +1 @@
-{"name":"@syncfusion/blazor-themes","version":"25.2.3","description":"This package contains the individual component wise SCSS files and single SCSS files for Syncfusion Blazor components.","author":"Syncfusion Inc.","license":"SEE LICENSE IN license","keywords":["Blazor","Blazor Themes","Syncfusion","Syncfusion Blazor","Web components","Themes","Individual Themes","Combined Themes","Syncfusion Blazor SCSS"],"repository":{"type":"git","url":"git@github.com/syncfusion/blazor-samples"}}
+{"name":"@syncfusion/blazor-themes","version":"25.2.4","description":"This package contains the individual component wise SCSS files and single SCSS files for Syncfusion Blazor components.","author":"Syncfusion Inc.","license":"SEE LICENSE IN license","keywords":["Blazor","Blazor Themes","Syncfusion","Syncfusion Blazor","Web components","Themes","Individual Themes","Combined Themes","Syncfusion Blazor SCSS"],"repository":{"type":"git","url":"git@github.com/syncfusion/blazor-samples"}}