@syncfusion/blazor-themes 25.1.42 → 25.2.4

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

@@ -830,6 +830,8 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
 
       .e-content table {
         margin-bottom: 10px;
+        border-collapse: collapse;
+        empty-cells: show;
       }
 
       .e-content pre {
@@ -1204,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;
   }
@@ -1289,11 +1291,6 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
     display: contents;
   }
 
-  .e-rte-table {
-    border-collapse: collapse;
-    empty-cells: show;
-  }
-
   .e-rte-table td,
   .e-rte-table th {
     border: 1px solid $rte-table-border-color;

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

@@ -835,6 +835,8 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
 
       .e-content table {
         margin-bottom: 10px;
+        border-collapse: collapse;
+        empty-cells: show;
       }
 
       .e-content pre {
@@ -1209,7 +1211,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;
   }
@@ -1294,11 +1296,6 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     display: contents;
   }
 
-  .e-rte-table {
-    border-collapse: collapse;
-    empty-cells: show;
-  }
-
   .e-rte-table td,
   .e-rte-table th {
     border: 1px solid $rte-table-border-color;

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

@@ -833,6 +833,8 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
 
       .e-content table {
         margin-bottom: 10px;
+        border-collapse: collapse;
+        empty-cells: show;
       }
 
       .e-content pre {
@@ -1207,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;
   }
@@ -1292,11 +1294,6 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     display: contents;
   }
 
-  .e-rte-table {
-    border-collapse: collapse;
-    empty-cells: show;
-  }
-
   .e-rte-table td,
   .e-rte-table th {
     border: 1px solid $rte-table-border-color;

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

@@ -835,6 +835,8 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
 
       .e-content table {
         margin-bottom: 10px;
+        border-collapse: collapse;
+        empty-cells: show;
       }
 
       .e-content pre {
@@ -1209,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;
   }
@@ -1294,11 +1296,6 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
     display: contents;
   }
 
-  .e-rte-table {
-    border-collapse: collapse;
-    empty-cells: show;
-  }
-
   .e-rte-table td,
   .e-rte-table th {
     border: 1px solid $rte-table-border-color;

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

@@ -835,6 +835,8 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
 
       .e-content table {
         margin-bottom: 10px;
+        border-collapse: collapse;
+        empty-cells: show;
       }
 
       .e-content pre {
@@ -1209,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;
   }
@@ -1294,11 +1296,6 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
     display: contents;
   }
 
-  .e-rte-table {
-    border-collapse: collapse;
-    empty-cells: show;
-  }
-
   .e-rte-table td,
   .e-rte-table th {
     border: 1px solid $rte-table-border-color;

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

@@ -830,6 +830,8 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
 
       .e-content table {
         margin-bottom: 10px;
+        border-collapse: collapse;
+        empty-cells: show;
       }
 
       .e-content pre {
@@ -1204,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;
   }
@@ -1289,11 +1291,6 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
     display: contents;
   }
 
-  .e-rte-table {
-    border-collapse: collapse;
-    empty-cells: show;
-  }
-
   .e-rte-table td,
   .e-rte-table th {
     border: 1px solid $rte-table-border-color;

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

@@ -830,6 +830,8 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
 
       .e-content table {
         margin-bottom: 10px;
+        border-collapse: collapse;
+        empty-cells: show;
       }
 
       .e-content pre {
@@ -1204,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;
   }
@@ -1289,11 +1291,6 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
     display: contents;
   }
 
-  .e-rte-table {
-    border-collapse: collapse;
-    empty-cells: show;
-  }
-
   .e-rte-table td,
   .e-rte-table th {
     border: 1px solid $rte-table-border-color;

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

@@ -37368,6 +37368,12 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
       @include bigger-rtl-blank-icon;
     }
   }
+
+  .e-contextmenu-wrapper .e-menu-item {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
 }
 
 
@@ -87308,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;
@@ -88123,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;
@@ -90432,6 +90443,8 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
 
       .e-content table {
         margin-bottom: 10px;
+        border-collapse: collapse;
+        empty-cells: show;
       }
 
       .e-content pre {
@@ -90806,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;
   }
@@ -90891,11 +90904,6 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
     display: contents;
   }
 
-  .e-rte-table {
-    border-collapse: collapse;
-    empty-cells: show;
-  }
-
   .e-rte-table td,
   .e-rte-table th {
     border: 1px solid $rte-table-border-color;
@@ -122781,8 +122789,8 @@ $image-editor-finetune-span: 28% !default;
   }
 
   .e-dropdown-popup.e-ie-crop-ddb-popup ul {
-    height: 250px;
-    overflow-y: scroll;
+    max-height: 250px;
+    overflow-y: auto;
   }
 
   .e-dropdown-popup.e-ie-ddb-popup {

package/SCSS-Themes/tailwind.scss

@@ -37365,6 +37365,12 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
       @include bigger-rtl-blank-icon;
     }
   }
+
+  .e-contextmenu-wrapper .e-menu-item {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
 }
 
 
@@ -87305,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;
@@ -88120,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;
@@ -90429,6 +90440,8 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
 
       .e-content table {
         margin-bottom: 10px;
+        border-collapse: collapse;
+        empty-cells: show;
       }
 
       .e-content pre {
@@ -90803,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;
   }
@@ -90888,11 +90901,6 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
     display: contents;
   }
 
-  .e-rte-table {
-    border-collapse: collapse;
-    empty-cells: show;
-  }
-
   .e-rte-table td,
   .e-rte-table th {
     border: 1px solid $rte-table-border-color;
@@ -122778,8 +122786,8 @@ $image-editor-finetune-span: 28% !default;
   }
 
   .e-dropdown-popup.e-ie-crop-ddb-popup ul {
-    height: 250px;
-    overflow-y: scroll;
+    max-height: 250px;
+    overflow-y: auto;
   }
 
   .e-dropdown-popup.e-ie-ddb-popup {

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;