@syncfusion/blazor-themes 22.1.36 → 22.1.38

package/SCSS-Themes/calendars/calendar/fabric-dark.scss

@@ -94,7 +94,7 @@ $calendar-title-font-weight-style: 300 !default;
 $calendar-yeardecade-hover-color: $neutral-light-fontalt !default;
 $calendar-spanicon-font-weight-style: 300 !default;
 $calendar-title-margin-left-style: 7px !default;
-$calendar-normal-year-decade-padding: 0 0 10px 0 !default;
+$calendar-normal-year-decade-padding: 5px !default;
 $calendar-icon-font-size-style: 14px !default;
 $calendar-link-font-weight-style: 500 !default;
 $calendar-focused-date-bg-style: $neutral-quintenaryalt !default;

package/SCSS-Themes/calendars/calendar/fabric.scss

@@ -90,7 +90,7 @@ $calendar-title-font-weight-style: 300 !default;
 $calendar-yeardecade-hover-color: $neutral-tertiary-alt !default;
 $calendar-spanicon-font-weight-style: 300 !default;
 $calendar-title-margin-left-style: 7px !default;
-$calendar-normal-year-decade-padding: 0 0 10px 0 !default;
+$calendar-normal-year-decade-padding: 5px !default;
 $calendar-icon-font-size-style: 14px !default;
 $calendar-link-font-weight-style: 500 !default;
 $calendar-focused-date-bg-style: $neutral-quintenaryalt !default;

package/SCSS-Themes/calendars/calendar/highcontrast.scss

@@ -88,7 +88,7 @@ $calendar-yeardecade-bg-color: $bg-base-0 !default;
 $calendar-yeardecade-hover-color: $hover-font !default;
 $calendar-spanicon-font-weight-style: 300 !default;
 $calendar-title-margin-left-style: 7px !default;
-$calendar-normal-year-decade-padding: 0 0 10px 0 !default;
+$calendar-normal-year-decade-padding: 5px !default;
 $calendar-icon-font-size-style: 14px !default;
 $calendar-link-font-weight-style: 500 !default;
 $calendar-focused-date-bg-style: $bg-base-0 !default;

package/SCSS-Themes/calendars/daterangepicker/highcontrast.scss

@@ -137,7 +137,7 @@ $range-header-btn-max-width: 116px !default;
 $range-header-btn-bigger-max-width: 132px !default;
 $range-presets-width: 160px !default;
 $range-hover-start-radius: 50% 0 0 50% !default;
-$range-hover-end-radius: 0 !default;
+$range-hover-end-radius: 0 50% 50% 0 !default;
 $range-text-overflow: ellipsis !default;
 $range-icon-hover-color: $hover-bg !default;
 $range-icon-border-radius: 0 !default;

package/SCSS-Themes/fabric-dark.scss

@@ -4852,7 +4852,7 @@ $float-label-rtl-value: -7px !default;
   .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
   .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
-      top: -9px;
+      top: -7px;
     }
   }
 
@@ -4893,7 +4893,7 @@ $float-label-rtl-value: -7px !default;
   .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
   .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
-      top: -8px;
+      top: -7px;
     }
   }
 
@@ -6206,6 +6206,7 @@ $float-label-rtl-value: -7px !default;
   }
 
   input.e-input.e-bigger#{$css},
+  .e-bigger input.e-input#{$css},
   .e-input-group.e-bigger input,
   .e-input-group.e-bigger input.e-input,
   .e-input-group.e-control-wrapper.e-bigger input,
@@ -9402,6 +9403,16 @@ $float-label-rtl-value: -7px !default;
     }
   }
 
+  .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
+  .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
+  .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
+  .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
+    @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+      margin-left: $outline-small-input-icon-margin-left;
+      margin-right: $zero-value;
+    }
+  }
+
   .e-outline.e-input-group.e-small .e-clear-icon,
   .e-outline.e-input-group .e-clear-icon.e-small,
   .e-small .e-outline.e-input-group .e-clear-icon,
@@ -9485,6 +9496,17 @@ $float-label-rtl-value: -7px !default;
     }
   }
 
+  .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
+  .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
+  .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
+  .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
+  .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
+  .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
+    @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+      margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
+    }
+  }
+
   input.e-input.e-bigger.e-outline,
   .e-bigger input.e-input.e-outline,
   .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -9691,6 +9713,17 @@ $float-label-rtl-value: -7px !default;
     }
   }
 
+  .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
+  .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
+  .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
+  .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
+  .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
+  .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
+    @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+      margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
+    }
+  }
+
   .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
   .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
   .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
@@ -25255,7 +25288,7 @@ $calendar-title-font-weight-style: 300 !default;
 $calendar-yeardecade-hover-color: $neutral-light-fontalt !default;
 $calendar-spanicon-font-weight-style: 300 !default;
 $calendar-title-margin-left-style: 7px !default;
-$calendar-normal-year-decade-padding: 0 0 10px 0 !default;
+$calendar-normal-year-decade-padding: 5px !default;
 $calendar-icon-font-size-style: 14px !default;
 $calendar-link-font-weight-style: 500 !default;
 $calendar-focused-date-bg-style: $neutral-quintenaryalt !default;
@@ -28148,8 +28181,6 @@ $cbox-ripple-size: -9px !default;
 
         +.e-label {
           margin-left: $cbox-margin;
-          max-width: calc(100% - ($cbox-width + $cbox-margin));
-          word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
         }
 
         +.e-ripple-container {
@@ -28379,8 +28410,6 @@ $cbox-ripple-size: -9px !default;
         font-size: $cbox-bigger-font-size;
         line-height: $cbox-bigger-height;
         margin-left: $cbox-bigger-margin;
-        max-width: calc(100% - ($cbox-bigger-width + $cbox-bigger-margin));
-        word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
       }
 
       +.e-ripple-container {
@@ -75651,6 +75680,9 @@ $grid-dropitems-count-margin-left: -8px !default;
 
       li.e-cclist {
         padding: $grid-bigger-columnchooser-li-padding;
+	@if $grid-skin == 'material3' {
+          line-height: 24px;
+        }
       }
 
       .e-toolbar .e-ccdiv {
@@ -76373,7 +76405,6 @@ $grid-dropitems-count-margin-left: -8px !default;
       border-collapse: separate;
       table-layout: fixed;
       width: 100%;
-      border-spacing: 0.25px;
     }
 
     .e-tableborder {
@@ -77871,6 +77902,13 @@ $grid-dropitems-count-margin-left: -8px !default;
       margin: -12px;
     }
 
+    .e-bigger & .e-ccdlg .e-checkbox-wrapper span.e-label,
+    &.e-bigger .e-ccdlg .e-checkbox-wrapper span.e-label {
+      @if $grid-skin == 'material3' {
+        font-size: $text-base;
+      }
+    }
+
     .e-ccdlg {
 
       .e-dlg-content {
@@ -79698,6 +79736,26 @@ $grid-dropitems-count-margin-left: -8px !default;
 }
 /* stylelint-enable */
 
+/* Apply styles for Firefox only */
+/* stylelint-disable function-url-quotes */
+@-moz-document url-prefix() {
+  #{&}.e-grid-min-height {
+    .e-rowcell,
+    .e-icon-grightarrow,
+    .e-icon-gdownarrow {
+      line-height: normal;
+    }
+  }
+  .e-bigger .e-grid.e-grid-min-height {
+    .e-rowcell,
+    .e-rowcell:first-child,
+    .e-rowcell:last-child {
+      line-height: normal;
+    }
+  }
+}
+/* stylelint-enable function-url-quotes */
+
 
 @include export-module('grid-theme') {
 
@@ -117435,7 +117493,16 @@ $image-editor-contextual-toolbar: $neutral-lighter !default;
         & .e-dropdown-btn.e-image-popup {
           & .e-select,
           & .e-annotation,
-          & .e-transform,
+          & .e-transform {
+            font-size: $image-editor-bigger-tbar-btn-fontsize;
+
+            & .e-icons.e-caret {
+              font-size: 10px;
+            }
+          }
+        }
+
+        & .e-dropdown-btn {
           & .e-save {
             font-size: $image-editor-bigger-tbar-btn-fontsize;
 
@@ -117541,7 +117608,16 @@ $image-editor-contextual-toolbar: $neutral-lighter !default;
         & .e-dropdown-btn.e-image-popup {
           & .e-select,
           & .e-annotation,
-          & .e-transform,
+          & .e-transform {
+            font-size: $image-editor-tbar-btn-fontsize;
+
+            & .e-icons.e-caret {
+              font-size: 10px !important; /* stylelint-disable-line declaration-no-important */
+            }
+          }
+        }
+
+        & .e-dropdown-btn {
           & .e-save {
             font-size: $image-editor-tbar-btn-fontsize;
 

package/SCSS-Themes/fabric.scss

@@ -4843,7 +4843,7 @@ $float-label-rtl-value: -7px !default;
   .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
   .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
-      top: -9px;
+      top: -7px;
     }
   }
 
@@ -4884,7 +4884,7 @@ $float-label-rtl-value: -7px !default;
   .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
   .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
-      top: -8px;
+      top: -7px;
     }
   }
 
@@ -6197,6 +6197,7 @@ $float-label-rtl-value: -7px !default;
   }
 
   input.e-input.e-bigger#{$css},
+  .e-bigger input.e-input#{$css},
   .e-input-group.e-bigger input,
   .e-input-group.e-bigger input.e-input,
   .e-input-group.e-control-wrapper.e-bigger input,
@@ -9393,6 +9394,16 @@ $float-label-rtl-value: -7px !default;
     }
   }
 
+  .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
+  .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
+  .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
+  .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
+    @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+      margin-left: $outline-small-input-icon-margin-left;
+      margin-right: $zero-value;
+    }
+  }
+
   .e-outline.e-input-group.e-small .e-clear-icon,
   .e-outline.e-input-group .e-clear-icon.e-small,
   .e-small .e-outline.e-input-group .e-clear-icon,
@@ -9476,6 +9487,17 @@ $float-label-rtl-value: -7px !default;
     }
   }
 
+  .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
+  .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
+  .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
+  .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
+  .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
+  .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
+    @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+      margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
+    }
+  }
+
   input.e-input.e-bigger.e-outline,
   .e-bigger input.e-input.e-outline,
   .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -9682,6 +9704,17 @@ $float-label-rtl-value: -7px !default;
     }
   }
 
+  .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
+  .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
+  .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
+  .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
+  .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
+  .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
+    @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+      margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
+    }
+  }
+
   .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
   .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
   .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
@@ -25210,7 +25243,7 @@ $calendar-title-font-weight-style: 300 !default;
 $calendar-yeardecade-hover-color: $neutral-tertiary-alt !default;
 $calendar-spanicon-font-weight-style: 300 !default;
 $calendar-title-margin-left-style: 7px !default;
-$calendar-normal-year-decade-padding: 0 0 10px 0 !default;
+$calendar-normal-year-decade-padding: 5px !default;
 $calendar-icon-font-size-style: 14px !default;
 $calendar-link-font-weight-style: 500 !default;
 $calendar-focused-date-bg-style: $neutral-quintenaryalt !default;
@@ -27993,8 +28026,6 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
 
         +.e-label {
           margin-left: $cbox-margin;
-          max-width: calc(100% - ($cbox-width + $cbox-margin));
-          word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
         }
 
         +.e-ripple-container {
@@ -28224,8 +28255,6 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
         font-size: $cbox-bigger-font-size;
         line-height: $cbox-bigger-height;
         margin-left: $cbox-bigger-margin;
-        max-width: calc(100% - ($cbox-bigger-width + $cbox-bigger-margin));
-        word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
       }
 
       +.e-ripple-container {
@@ -75414,6 +75443,9 @@ $grid-dropitems-count-margin-left: -8px !default;
 
       li.e-cclist {
         padding: $grid-bigger-columnchooser-li-padding;
+	@if $grid-skin == 'material3' {
+          line-height: 24px;
+        }
       }
 
       .e-toolbar .e-ccdiv {
@@ -76136,7 +76168,6 @@ $grid-dropitems-count-margin-left: -8px !default;
       border-collapse: separate;
       table-layout: fixed;
       width: 100%;
-      border-spacing: 0.25px;
     }
 
     .e-tableborder {
@@ -77634,6 +77665,13 @@ $grid-dropitems-count-margin-left: -8px !default;
       margin: -12px;
     }
 
+    .e-bigger & .e-ccdlg .e-checkbox-wrapper span.e-label,
+    &.e-bigger .e-ccdlg .e-checkbox-wrapper span.e-label {
+      @if $grid-skin == 'material3' {
+        font-size: $text-base;
+      }
+    }
+
     .e-ccdlg {
 
       .e-dlg-content {
@@ -79461,6 +79499,26 @@ $grid-dropitems-count-margin-left: -8px !default;
 }
 /* stylelint-enable */
 
+/* Apply styles for Firefox only */
+/* stylelint-disable function-url-quotes */
+@-moz-document url-prefix() {
+  #{&}.e-grid-min-height {
+    .e-rowcell,
+    .e-icon-grightarrow,
+    .e-icon-gdownarrow {
+      line-height: normal;
+    }
+  }
+  .e-bigger .e-grid.e-grid-min-height {
+    .e-rowcell,
+    .e-rowcell:first-child,
+    .e-rowcell:last-child {
+      line-height: normal;
+    }
+  }
+}
+/* stylelint-enable function-url-quotes */
+
 
 @include export-module('grid-theme') {
 
@@ -117189,7 +117247,16 @@ $image-editor-contextual-toolbar: $neutral-white !default;
         & .e-dropdown-btn.e-image-popup {
           & .e-select,
           & .e-annotation,
-          & .e-transform,
+          & .e-transform {
+            font-size: $image-editor-bigger-tbar-btn-fontsize;
+
+            & .e-icons.e-caret {
+              font-size: 10px;
+            }
+          }
+        }
+
+        & .e-dropdown-btn {
           & .e-save {
             font-size: $image-editor-bigger-tbar-btn-fontsize;
 
@@ -117295,7 +117362,16 @@ $image-editor-contextual-toolbar: $neutral-white !default;
         & .e-dropdown-btn.e-image-popup {
           & .e-select,
           & .e-annotation,
-          & .e-transform,
+          & .e-transform {
+            font-size: $image-editor-tbar-btn-fontsize;
+
+            & .e-icons.e-caret {
+              font-size: 10px !important; /* stylelint-disable-line declaration-no-important */
+            }
+          }
+        }
+
+        & .e-dropdown-btn {
           & .e-save {
             font-size: $image-editor-tbar-btn-fontsize;
 

package/SCSS-Themes/fluent-dark.scss

@@ -5037,7 +5037,7 @@ $float-label-rtl-value: -10px !default;
   .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
   .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
-      top: -9px;
+      top: -7px;
     }
   }
 
@@ -5078,7 +5078,7 @@ $float-label-rtl-value: -10px !default;
   .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
   .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
-      top: -8px;
+      top: -7px;
     }
   }
 
@@ -6391,6 +6391,7 @@ $float-label-rtl-value: -10px !default;
   }
 
   input.e-input.e-bigger#{$css},
+  .e-bigger input.e-input#{$css},
   .e-input-group.e-bigger input,
   .e-input-group.e-bigger input.e-input,
   .e-input-group.e-control-wrapper.e-bigger input,
@@ -9587,6 +9588,16 @@ $float-label-rtl-value: -10px !default;
     }
   }
 
+  .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
+  .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
+  .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
+  .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
+    @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+      margin-left: $outline-small-input-icon-margin-left;
+      margin-right: $zero-value;
+    }
+  }
+
   .e-outline.e-input-group.e-small .e-clear-icon,
   .e-outline.e-input-group .e-clear-icon.e-small,
   .e-small .e-outline.e-input-group .e-clear-icon,
@@ -9670,6 +9681,17 @@ $float-label-rtl-value: -10px !default;
     }
   }
 
+  .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
+  .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
+  .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
+  .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
+  .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
+  .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
+    @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+      margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
+    }
+  }
+
   input.e-input.e-bigger.e-outline,
   .e-bigger input.e-input.e-outline,
   .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -9876,6 +9898,17 @@ $float-label-rtl-value: -10px !default;
     }
   }
 
+  .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
+  .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
+  .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
+  .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
+  .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
+  .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
+    @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+      margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
+    }
+  }
+
   .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
   .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
   .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
@@ -28442,8 +28475,6 @@ $cbox-icon-color: $icon-color !default;
 
         +.e-label {
           margin-left: $cbox-margin;
-          max-width: calc(100% - ($cbox-width + $cbox-margin));
-          word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
         }
 
         +.e-ripple-container {
@@ -28673,8 +28704,6 @@ $cbox-icon-color: $icon-color !default;
         font-size: $cbox-bigger-font-size;
         line-height: $cbox-bigger-height;
         margin-left: $cbox-bigger-margin;
-        max-width: calc(100% - ($cbox-bigger-width + $cbox-bigger-margin));
-        word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
       }
 
       +.e-ripple-container {
@@ -76240,6 +76269,9 @@ $grid-dropitems-count-margin-left: -8px !default;
 
       li.e-cclist {
         padding: $grid-bigger-columnchooser-li-padding;
+	@if $grid-skin == 'material3' {
+          line-height: 24px;
+        }
       }
 
       .e-toolbar .e-ccdiv {
@@ -76962,7 +76994,6 @@ $grid-dropitems-count-margin-left: -8px !default;
       border-collapse: separate;
       table-layout: fixed;
       width: 100%;
-      border-spacing: 0.25px;
     }
 
     .e-tableborder {
@@ -78460,6 +78491,13 @@ $grid-dropitems-count-margin-left: -8px !default;
       margin: -12px;
     }
 
+    .e-bigger & .e-ccdlg .e-checkbox-wrapper span.e-label,
+    &.e-bigger .e-ccdlg .e-checkbox-wrapper span.e-label {
+      @if $grid-skin == 'material3' {
+        font-size: $text-base;
+      }
+    }
+
     .e-ccdlg {
 
       .e-dlg-content {
@@ -80287,6 +80325,26 @@ $grid-dropitems-count-margin-left: -8px !default;
 }
 /* stylelint-enable */
 
+/* Apply styles for Firefox only */
+/* stylelint-disable function-url-quotes */
+@-moz-document url-prefix() {
+  #{&}.e-grid-min-height {
+    .e-rowcell,
+    .e-icon-grightarrow,
+    .e-icon-gdownarrow {
+      line-height: normal;
+    }
+  }
+  .e-bigger .e-grid.e-grid-min-height {
+    .e-rowcell,
+    .e-rowcell:first-child,
+    .e-rowcell:last-child {
+      line-height: normal;
+    }
+  }
+}
+/* stylelint-enable function-url-quotes */
+
 
 @include export-module('grid-theme') {
 
@@ -118077,7 +118135,16 @@ $image-editor-contextual-toolbar: $content-bg-color-alt2 !default;
         & .e-dropdown-btn.e-image-popup {
           & .e-select,
           & .e-annotation,
-          & .e-transform,
+          & .e-transform {
+            font-size: $image-editor-bigger-tbar-btn-fontsize;
+
+            & .e-icons.e-caret {
+              font-size: 10px;
+            }
+          }
+        }
+
+        & .e-dropdown-btn {
           & .e-save {
             font-size: $image-editor-bigger-tbar-btn-fontsize;
 
@@ -118183,7 +118250,16 @@ $image-editor-contextual-toolbar: $content-bg-color-alt2 !default;
         & .e-dropdown-btn.e-image-popup {
           & .e-select,
           & .e-annotation,
-          & .e-transform,
+          & .e-transform {
+            font-size: $image-editor-tbar-btn-fontsize;
+
+            & .e-icons.e-caret {
+              font-size: 10px !important; /* stylelint-disable-line declaration-no-important */
+            }
+          }
+        }
+
+        & .e-dropdown-btn {
           & .e-save {
             font-size: $image-editor-tbar-btn-fontsize;