@syncfusion/blazor-themes 27.1.50 → 27.1.51

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

@@ -2296,7 +2296,12 @@ $grid-checkmark-color: $primary !default;
       /* stylelint-enable */
 
       .e-dlg-content {
-        padding: 24px 27px;
+        @if $grid-skin == 'fluent2' {
+          padding: 24px 27px;
+        }
+        @else {
+          padding: 8px 16px 8px 8px;
+        }
         overflow-y: hidden;
       }
 
@@ -3151,7 +3156,7 @@ $grid-checkmark-color: $primary !default;
   }
 
   .e-grid-popup {
-    position: relative;
+    position: absolute;
   }
 
   #{&}.e-grid,
@@ -5471,6 +5476,12 @@ $grid-checkmark-color: $primary !default;
       padding: $grid-columnchooser-toolbardiv-padding;
     }
 
+    &:not(.sf-grid) .e-toolbar-item.e-cc.e-ccdiv.e-cc-toolbar {
+      @if $grid-skin == 'fluent' {
+        padding-bottom: 1px;
+      }
+    }
+
     .e-edit-dialog {
       min-height: 350px;
       .e-dlg-content {
@@ -6285,14 +6296,17 @@ $grid-checkmark-color: $primary !default;
     }
 
     &.e-wrap {
-      & .e-gridheader .e-rowcell,
-      & .e-gridcontent .e-rowcell,
+      & .e-rowcell,
       & .e-columnheader .e-stackedheadercelldiv,
       & .e-columnheader .e-headercelldiv,
       & .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv {
         @include wrap-styles;
       }
 
+      & .e-cloneproperties.e-draganddrop.e-grid .e-rowcell {
+        white-space: nowrap;
+      }
+
       & .e-stackedheader .e-columnheader {
         .e-stackedheadercelldiv,
         .e-headercelldiv {
@@ -6850,7 +6864,8 @@ $grid-checkmark-color: $primary !default;
 }
 
 @if $grid-skin == 'fluent2' {
-  .e-grid-menu.e-grid-column-menu.e-contextmenu-wrapper .e-ul .e-menu-item {
+  .e-grid-menu.e-grid-column-menu.e-contextmenu-wrapper .e-ul .e-menu-item,
+  .e-grid-menu.e-contextmenu-container .e-ul .e-menu-item {
     padding: 0 6px;
   }
   .e-grid-menu.e-grid-column-menu .e-colmenu.e-contextmenu {
@@ -7764,7 +7779,8 @@ $grid-checkmark-color: $primary !default;
   }
 
   @if $grid-skin == 'fluent2' {
-    .e-grid-menu .e-menu-item.e-focused .e-css.e-checkbox-wrapper .e-label {
+    .e-grid-menu .e-menu-item.e-focused .e-css.e-checkbox-wrapper .e-label,
+    .e-grid-menu .e-menu-item.e-focused .e-wrapper.e-checkbox-wrapper .e-label {
       color: $flyout-text-color-hover;
     }
   }

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

@@ -2296,7 +2296,12 @@ $grid-checkmark-color: $primary !default;
       /* stylelint-enable */
 
       .e-dlg-content {
-        padding: 24px 27px;
+        @if $grid-skin == 'fluent2' {
+          padding: 24px 27px;
+        }
+        @else {
+          padding: 8px 16px 8px 8px;
+        }
         overflow-y: hidden;
       }
 
@@ -3151,7 +3156,7 @@ $grid-checkmark-color: $primary !default;
   }
 
   .e-grid-popup {
-    position: relative;
+    position: absolute;
   }
 
   #{&}.e-grid,
@@ -5471,6 +5476,12 @@ $grid-checkmark-color: $primary !default;
       padding: $grid-columnchooser-toolbardiv-padding;
     }
 
+    &:not(.sf-grid) .e-toolbar-item.e-cc.e-ccdiv.e-cc-toolbar {
+      @if $grid-skin == 'fluent' {
+        padding-bottom: 1px;
+      }
+    }
+
     .e-edit-dialog {
       min-height: 350px;
       .e-dlg-content {
@@ -6285,14 +6296,17 @@ $grid-checkmark-color: $primary !default;
     }
 
     &.e-wrap {
-      & .e-gridheader .e-rowcell,
-      & .e-gridcontent .e-rowcell,
+      & .e-rowcell,
       & .e-columnheader .e-stackedheadercelldiv,
       & .e-columnheader .e-headercelldiv,
       & .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv {
         @include wrap-styles;
       }
 
+      & .e-cloneproperties.e-draganddrop.e-grid .e-rowcell {
+        white-space: nowrap;
+      }
+
       & .e-stackedheader .e-columnheader {
         .e-stackedheadercelldiv,
         .e-headercelldiv {
@@ -6850,7 +6864,8 @@ $grid-checkmark-color: $primary !default;
 }
 
 @if $grid-skin == 'fluent2' {
-  .e-grid-menu.e-grid-column-menu.e-contextmenu-wrapper .e-ul .e-menu-item {
+  .e-grid-menu.e-grid-column-menu.e-contextmenu-wrapper .e-ul .e-menu-item,
+  .e-grid-menu.e-contextmenu-container .e-ul .e-menu-item {
     padding: 0 6px;
   }
   .e-grid-menu.e-grid-column-menu .e-colmenu.e-contextmenu {
@@ -7764,7 +7779,8 @@ $grid-checkmark-color: $primary !default;
   }
 
   @if $grid-skin == 'fluent2' {
-    .e-grid-menu .e-menu-item.e-focused .e-css.e-checkbox-wrapper .e-label {
+    .e-grid-menu .e-menu-item.e-focused .e-css.e-checkbox-wrapper .e-label,
+    .e-grid-menu .e-menu-item.e-focused .e-wrapper.e-checkbox-wrapper .e-label {
       color: $flyout-text-color-hover;
     }
   }

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

@@ -2285,7 +2285,12 @@ $grid-checkmark-color: $grey-light-font !default;
       /* stylelint-enable */
 
       .e-dlg-content {
-        padding: 24px 27px;
+        @if $grid-skin == 'fluent2' {
+          padding: 24px 27px;
+        }
+        @else {
+          padding: 8px 16px 8px 8px;
+        }
         overflow-y: hidden;
       }
 
@@ -3140,7 +3145,7 @@ $grid-checkmark-color: $grey-light-font !default;
   }
 
   .e-grid-popup {
-    position: relative;
+    position: absolute;
   }
 
   #{&}.e-grid,
@@ -5460,6 +5465,12 @@ $grid-checkmark-color: $grey-light-font !default;
       padding: $grid-columnchooser-toolbardiv-padding;
     }
 
+    &:not(.sf-grid) .e-toolbar-item.e-cc.e-ccdiv.e-cc-toolbar {
+      @if $grid-skin == 'fluent' {
+        padding-bottom: 1px;
+      }
+    }
+
     .e-edit-dialog {
       min-height: 350px;
       .e-dlg-content {
@@ -6274,14 +6285,17 @@ $grid-checkmark-color: $grey-light-font !default;
     }
 
     &.e-wrap {
-      & .e-gridheader .e-rowcell,
-      & .e-gridcontent .e-rowcell,
+      & .e-rowcell,
       & .e-columnheader .e-stackedheadercelldiv,
       & .e-columnheader .e-headercelldiv,
       & .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv {
         @include wrap-styles;
       }
 
+      & .e-cloneproperties.e-draganddrop.e-grid .e-rowcell {
+        white-space: nowrap;
+      }
+
       & .e-stackedheader .e-columnheader {
         .e-stackedheadercelldiv,
         .e-headercelldiv {
@@ -6839,7 +6853,8 @@ $grid-checkmark-color: $grey-light-font !default;
 }
 
 @if $grid-skin == 'fluent2' {
-  .e-grid-menu.e-grid-column-menu.e-contextmenu-wrapper .e-ul .e-menu-item {
+  .e-grid-menu.e-grid-column-menu.e-contextmenu-wrapper .e-ul .e-menu-item,
+  .e-grid-menu.e-contextmenu-container .e-ul .e-menu-item {
     padding: 0 6px;
   }
   .e-grid-menu.e-grid-column-menu .e-colmenu.e-contextmenu {
@@ -7753,7 +7768,8 @@ $grid-checkmark-color: $grey-light-font !default;
   }
 
   @if $grid-skin == 'fluent2' {
-    .e-grid-menu .e-menu-item.e-focused .e-css.e-checkbox-wrapper .e-label {
+    .e-grid-menu .e-menu-item.e-focused .e-css.e-checkbox-wrapper .e-label,
+    .e-grid-menu .e-menu-item.e-focused .e-wrapper.e-checkbox-wrapper .e-label {
       color: $flyout-text-color-hover;
     }
   }

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

@@ -2284,7 +2284,12 @@ $grid-checkmark-color: $grey !default;
       /* stylelint-enable */
 
       .e-dlg-content {
-        padding: 24px 27px;
+        @if $grid-skin == 'fluent2' {
+          padding: 24px 27px;
+        }
+        @else {
+          padding: 8px 16px 8px 8px;
+        }
         overflow-y: hidden;
       }
 
@@ -3139,7 +3144,7 @@ $grid-checkmark-color: $grey !default;
   }
 
   .e-grid-popup {
-    position: relative;
+    position: absolute;
   }
 
   #{&}.e-grid,
@@ -5459,6 +5464,12 @@ $grid-checkmark-color: $grey !default;
       padding: $grid-columnchooser-toolbardiv-padding;
     }
 
+    &:not(.sf-grid) .e-toolbar-item.e-cc.e-ccdiv.e-cc-toolbar {
+      @if $grid-skin == 'fluent' {
+        padding-bottom: 1px;
+      }
+    }
+
     .e-edit-dialog {
       min-height: 350px;
       .e-dlg-content {
@@ -6273,14 +6284,17 @@ $grid-checkmark-color: $grey !default;
     }
 
     &.e-wrap {
-      & .e-gridheader .e-rowcell,
-      & .e-gridcontent .e-rowcell,
+      & .e-rowcell,
       & .e-columnheader .e-stackedheadercelldiv,
       & .e-columnheader .e-headercelldiv,
       & .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv {
         @include wrap-styles;
       }
 
+      & .e-cloneproperties.e-draganddrop.e-grid .e-rowcell {
+        white-space: nowrap;
+      }
+
       & .e-stackedheader .e-columnheader {
         .e-stackedheadercelldiv,
         .e-headercelldiv {
@@ -6838,7 +6852,8 @@ $grid-checkmark-color: $grey !default;
 }
 
 @if $grid-skin == 'fluent2' {
-  .e-grid-menu.e-grid-column-menu.e-contextmenu-wrapper .e-ul .e-menu-item {
+  .e-grid-menu.e-grid-column-menu.e-contextmenu-wrapper .e-ul .e-menu-item,
+  .e-grid-menu.e-contextmenu-container .e-ul .e-menu-item {
     padding: 0 6px;
   }
   .e-grid-menu.e-grid-column-menu .e-colmenu.e-contextmenu {
@@ -7752,7 +7767,8 @@ $grid-checkmark-color: $grey !default;
   }
 
   @if $grid-skin == 'fluent2' {
-    .e-grid-menu .e-menu-item.e-focused .e-css.e-checkbox-wrapper .e-label {
+    .e-grid-menu .e-menu-item.e-focused .e-css.e-checkbox-wrapper .e-label,
+    .e-grid-menu .e-menu-item.e-focused .e-wrapper.e-checkbox-wrapper .e-label {
       color: $flyout-text-color-hover;
     }
   }

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

@@ -2291,7 +2291,12 @@ $grid-checkmark-color: $white !default;
       /* stylelint-enable */
 
       .e-dlg-content {
-        padding: 24px 27px;
+        @if $grid-skin == 'fluent2' {
+          padding: 24px 27px;
+        }
+        @else {
+          padding: 8px 16px 8px 8px;
+        }
         overflow-y: hidden;
       }
 
@@ -3146,7 +3151,7 @@ $grid-checkmark-color: $white !default;
   }
 
   .e-grid-popup {
-    position: relative;
+    position: absolute;
   }
 
   #{&}.e-grid,
@@ -5466,6 +5471,12 @@ $grid-checkmark-color: $white !default;
       padding: $grid-columnchooser-toolbardiv-padding;
     }
 
+    &:not(.sf-grid) .e-toolbar-item.e-cc.e-ccdiv.e-cc-toolbar {
+      @if $grid-skin == 'fluent' {
+        padding-bottom: 1px;
+      }
+    }
+
     .e-edit-dialog {
       min-height: 350px;
       .e-dlg-content {
@@ -6280,14 +6291,17 @@ $grid-checkmark-color: $white !default;
     }
 
     &.e-wrap {
-      & .e-gridheader .e-rowcell,
-      & .e-gridcontent .e-rowcell,
+      & .e-rowcell,
       & .e-columnheader .e-stackedheadercelldiv,
       & .e-columnheader .e-headercelldiv,
       & .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv {
         @include wrap-styles;
       }
 
+      & .e-cloneproperties.e-draganddrop.e-grid .e-rowcell {
+        white-space: nowrap;
+      }
+
       & .e-stackedheader .e-columnheader {
         .e-stackedheadercelldiv,
         .e-headercelldiv {
@@ -6845,7 +6859,8 @@ $grid-checkmark-color: $white !default;
 }
 
 @if $grid-skin == 'fluent2' {
-  .e-grid-menu.e-grid-column-menu.e-contextmenu-wrapper .e-ul .e-menu-item {
+  .e-grid-menu.e-grid-column-menu.e-contextmenu-wrapper .e-ul .e-menu-item,
+  .e-grid-menu.e-contextmenu-container .e-ul .e-menu-item {
     padding: 0 6px;
   }
   .e-grid-menu.e-grid-column-menu .e-colmenu.e-contextmenu {
@@ -7759,7 +7774,8 @@ $grid-checkmark-color: $white !default;
   }
 
   @if $grid-skin == 'fluent2' {
-    .e-grid-menu .e-menu-item.e-focused .e-css.e-checkbox-wrapper .e-label {
+    .e-grid-menu .e-menu-item.e-focused .e-css.e-checkbox-wrapper .e-label,
+    .e-grid-menu .e-menu-item.e-focused .e-wrapper.e-checkbox-wrapper .e-label {
       color: $flyout-text-color-hover;
     }
   }

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

@@ -2284,7 +2284,12 @@ $grid-checkmark-color: $primary-text-color !default;
       /* stylelint-enable */
 
       .e-dlg-content {
-        padding: 24px 27px;
+        @if $grid-skin == 'fluent2' {
+          padding: 24px 27px;
+        }
+        @else {
+          padding: 8px 16px 8px 8px;
+        }
         overflow-y: hidden;
       }
 
@@ -3139,7 +3144,7 @@ $grid-checkmark-color: $primary-text-color !default;
   }
 
   .e-grid-popup {
-    position: relative;
+    position: absolute;
   }
 
   #{&}.e-grid,
@@ -5459,6 +5464,12 @@ $grid-checkmark-color: $primary-text-color !default;
       padding: $grid-columnchooser-toolbardiv-padding;
     }
 
+    &:not(.sf-grid) .e-toolbar-item.e-cc.e-ccdiv.e-cc-toolbar {
+      @if $grid-skin == 'fluent' {
+        padding-bottom: 1px;
+      }
+    }
+
     .e-edit-dialog {
       min-height: 350px;
       .e-dlg-content {
@@ -6273,14 +6284,17 @@ $grid-checkmark-color: $primary-text-color !default;
     }
 
     &.e-wrap {
-      & .e-gridheader .e-rowcell,
-      & .e-gridcontent .e-rowcell,
+      & .e-rowcell,
       & .e-columnheader .e-stackedheadercelldiv,
       & .e-columnheader .e-headercelldiv,
       & .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv {
         @include wrap-styles;
       }
 
+      & .e-cloneproperties.e-draganddrop.e-grid .e-rowcell {
+        white-space: nowrap;
+      }
+
       & .e-stackedheader .e-columnheader {
         .e-stackedheadercelldiv,
         .e-headercelldiv {
@@ -6838,7 +6852,8 @@ $grid-checkmark-color: $primary-text-color !default;
 }
 
 @if $grid-skin == 'fluent2' {
-  .e-grid-menu.e-grid-column-menu.e-contextmenu-wrapper .e-ul .e-menu-item {
+  .e-grid-menu.e-grid-column-menu.e-contextmenu-wrapper .e-ul .e-menu-item,
+  .e-grid-menu.e-contextmenu-container .e-ul .e-menu-item {
     padding: 0 6px;
   }
   .e-grid-menu.e-grid-column-menu .e-colmenu.e-contextmenu {
@@ -7752,7 +7767,8 @@ $grid-checkmark-color: $primary-text-color !default;
   }
 
   @if $grid-skin == 'fluent2' {
-    .e-grid-menu .e-menu-item.e-focused .e-css.e-checkbox-wrapper .e-label {
+    .e-grid-menu .e-menu-item.e-focused .e-css.e-checkbox-wrapper .e-label,
+    .e-grid-menu .e-menu-item.e-focused .e-wrapper.e-checkbox-wrapper .e-label {
       color: $flyout-text-color-hover;
     }
   }

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

@@ -2284,7 +2284,12 @@ $grid-checkmark-color: $primary-text-color !default;
       /* stylelint-enable */
 
       .e-dlg-content {
-        padding: 24px 27px;
+        @if $grid-skin == 'fluent2' {
+          padding: 24px 27px;
+        }
+        @else {
+          padding: 8px 16px 8px 8px;
+        }
         overflow-y: hidden;
       }
 
@@ -3139,7 +3144,7 @@ $grid-checkmark-color: $primary-text-color !default;
   }
 
   .e-grid-popup {
-    position: relative;
+    position: absolute;
   }
 
   #{&}.e-grid,
@@ -5459,6 +5464,12 @@ $grid-checkmark-color: $primary-text-color !default;
       padding: $grid-columnchooser-toolbardiv-padding;
     }
 
+    &:not(.sf-grid) .e-toolbar-item.e-cc.e-ccdiv.e-cc-toolbar {
+      @if $grid-skin == 'fluent' {
+        padding-bottom: 1px;
+      }
+    }
+
     .e-edit-dialog {
       min-height: 350px;
       .e-dlg-content {
@@ -6273,14 +6284,17 @@ $grid-checkmark-color: $primary-text-color !default;
     }
 
     &.e-wrap {
-      & .e-gridheader .e-rowcell,
-      & .e-gridcontent .e-rowcell,
+      & .e-rowcell,
       & .e-columnheader .e-stackedheadercelldiv,
       & .e-columnheader .e-headercelldiv,
       & .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv {
         @include wrap-styles;
       }
 
+      & .e-cloneproperties.e-draganddrop.e-grid .e-rowcell {
+        white-space: nowrap;
+      }
+
       & .e-stackedheader .e-columnheader {
         .e-stackedheadercelldiv,
         .e-headercelldiv {
@@ -6838,7 +6852,8 @@ $grid-checkmark-color: $primary-text-color !default;
 }
 
 @if $grid-skin == 'fluent2' {
-  .e-grid-menu.e-grid-column-menu.e-contextmenu-wrapper .e-ul .e-menu-item {
+  .e-grid-menu.e-grid-column-menu.e-contextmenu-wrapper .e-ul .e-menu-item,
+  .e-grid-menu.e-contextmenu-container .e-ul .e-menu-item {
     padding: 0 6px;
   }
   .e-grid-menu.e-grid-column-menu .e-colmenu.e-contextmenu {
@@ -7752,7 +7767,8 @@ $grid-checkmark-color: $primary-text-color !default;
   }
 
   @if $grid-skin == 'fluent2' {
-    .e-grid-menu .e-menu-item.e-focused .e-css.e-checkbox-wrapper .e-label {
+    .e-grid-menu .e-menu-item.e-focused .e-css.e-checkbox-wrapper .e-label,
+    .e-grid-menu .e-menu-item.e-focused .e-wrapper.e-checkbox-wrapper .e-label {
       color: $flyout-text-color-hover;
     }
   }

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

@@ -2284,7 +2284,12 @@ $grid-checkmark-color: $primary-text-color !default;
       /* stylelint-enable */
 
       .e-dlg-content {
-        padding: 24px 27px;
+        @if $grid-skin == 'fluent2' {
+          padding: 24px 27px;
+        }
+        @else {
+          padding: 8px 16px 8px 8px;
+        }
         overflow-y: hidden;
       }
 
@@ -3139,7 +3144,7 @@ $grid-checkmark-color: $primary-text-color !default;
   }
 
   .e-grid-popup {
-    position: relative;
+    position: absolute;
   }
 
   #{&}.e-grid,
@@ -5459,6 +5464,12 @@ $grid-checkmark-color: $primary-text-color !default;
       padding: $grid-columnchooser-toolbardiv-padding;
     }
 
+    &:not(.sf-grid) .e-toolbar-item.e-cc.e-ccdiv.e-cc-toolbar {
+      @if $grid-skin == 'fluent' {
+        padding-bottom: 1px;
+      }
+    }
+
     .e-edit-dialog {
       min-height: 350px;
       .e-dlg-content {
@@ -6273,14 +6284,17 @@ $grid-checkmark-color: $primary-text-color !default;
     }
 
     &.e-wrap {
-      & .e-gridheader .e-rowcell,
-      & .e-gridcontent .e-rowcell,
+      & .e-rowcell,
       & .e-columnheader .e-stackedheadercelldiv,
       & .e-columnheader .e-headercelldiv,
       & .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv {
         @include wrap-styles;
       }
 
+      & .e-cloneproperties.e-draganddrop.e-grid .e-rowcell {
+        white-space: nowrap;
+      }
+
       & .e-stackedheader .e-columnheader {
         .e-stackedheadercelldiv,
         .e-headercelldiv {
@@ -6838,7 +6852,8 @@ $grid-checkmark-color: $primary-text-color !default;
 }
 
 @if $grid-skin == 'fluent2' {
-  .e-grid-menu.e-grid-column-menu.e-contextmenu-wrapper .e-ul .e-menu-item {
+  .e-grid-menu.e-grid-column-menu.e-contextmenu-wrapper .e-ul .e-menu-item,
+  .e-grid-menu.e-contextmenu-container .e-ul .e-menu-item {
     padding: 0 6px;
   }
   .e-grid-menu.e-grid-column-menu .e-colmenu.e-contextmenu {
@@ -7752,7 +7767,8 @@ $grid-checkmark-color: $primary-text-color !default;
   }
 
   @if $grid-skin == 'fluent2' {
-    .e-grid-menu .e-menu-item.e-focused .e-css.e-checkbox-wrapper .e-label {
+    .e-grid-menu .e-menu-item.e-focused .e-css.e-checkbox-wrapper .e-label,
+    .e-grid-menu .e-menu-item.e-focused .e-wrapper.e-checkbox-wrapper .e-label {
       color: $flyout-text-color-hover;
     }
   }

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

@@ -2283,7 +2283,12 @@ $grid-checkmark-color: $theme-dark-font !default;
       /* stylelint-enable */
 
       .e-dlg-content {
-        padding: 24px 27px;
+        @if $grid-skin == 'fluent2' {
+          padding: 24px 27px;
+        }
+        @else {
+          padding: 8px 16px 8px 8px;
+        }
         overflow-y: hidden;
       }
 
@@ -3138,7 +3143,7 @@ $grid-checkmark-color: $theme-dark-font !default;
   }
 
   .e-grid-popup {
-    position: relative;
+    position: absolute;
   }
 
   #{&}.e-grid,
@@ -5458,6 +5463,12 @@ $grid-checkmark-color: $theme-dark-font !default;
       padding: $grid-columnchooser-toolbardiv-padding;
     }
 
+    &:not(.sf-grid) .e-toolbar-item.e-cc.e-ccdiv.e-cc-toolbar {
+      @if $grid-skin == 'fluent' {
+        padding-bottom: 1px;
+      }
+    }
+
     .e-edit-dialog {
       min-height: 350px;
       .e-dlg-content {
@@ -6272,14 +6283,17 @@ $grid-checkmark-color: $theme-dark-font !default;
     }
 
     &.e-wrap {
-      & .e-gridheader .e-rowcell,
-      & .e-gridcontent .e-rowcell,
+      & .e-rowcell,
       & .e-columnheader .e-stackedheadercelldiv,
       & .e-columnheader .e-headercelldiv,
       & .e-columnheader .e-headercell.e-fltr-icon .e-headercelldiv {
         @include wrap-styles;
       }
 
+      & .e-cloneproperties.e-draganddrop.e-grid .e-rowcell {
+        white-space: nowrap;
+      }
+
       & .e-stackedheader .e-columnheader {
         .e-stackedheadercelldiv,
         .e-headercelldiv {
@@ -6837,7 +6851,8 @@ $grid-checkmark-color: $theme-dark-font !default;
 }
 
 @if $grid-skin == 'fluent2' {
-  .e-grid-menu.e-grid-column-menu.e-contextmenu-wrapper .e-ul .e-menu-item {
+  .e-grid-menu.e-grid-column-menu.e-contextmenu-wrapper .e-ul .e-menu-item,
+  .e-grid-menu.e-contextmenu-container .e-ul .e-menu-item {
     padding: 0 6px;
   }
   .e-grid-menu.e-grid-column-menu .e-colmenu.e-contextmenu {
@@ -7751,7 +7766,8 @@ $grid-checkmark-color: $theme-dark-font !default;
   }
 
   @if $grid-skin == 'fluent2' {
-    .e-grid-menu .e-menu-item.e-focused .e-css.e-checkbox-wrapper .e-label {
+    .e-grid-menu .e-menu-item.e-focused .e-css.e-checkbox-wrapper .e-label,
+    .e-grid-menu .e-menu-item.e-focused .e-wrapper.e-checkbox-wrapper .e-label {
       color: $flyout-text-color-hover;
     }
   }