@syncfusion/blazor-themes 22.1.36 → 22.1.38

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

@@ -1431,6 +1431,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 {
@@ -2153,7 +2156,6 @@ $grid-dropitems-count-margin-left: -8px !default;
       border-collapse: separate;
       table-layout: fixed;
       width: 100%;
-      border-spacing: 0.25px;
     }
 
     .e-tableborder {
@@ -3651,6 +3653,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 {
@@ -5478,6 +5487,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') {
 

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

@@ -1436,6 +1436,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 {
@@ -2158,7 +2161,6 @@ $grid-dropitems-count-margin-left: -8px !default;
       border-collapse: separate;
       table-layout: fixed;
       width: 100%;
-      border-spacing: 0.25px;
     }
 
     .e-tableborder {
@@ -3656,6 +3658,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 {
@@ -5483,6 +5492,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') {
 

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

@@ -1437,6 +1437,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 {
@@ -2159,7 +2162,6 @@ $grid-dropitems-count-margin-left: -8px !default;
       border-collapse: separate;
       table-layout: fixed;
       width: 100%;
-      border-spacing: 0.25px;
     }
 
     .e-tableborder {
@@ -3657,6 +3659,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 {
@@ -5484,6 +5493,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') {
 

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

@@ -1435,6 +1435,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 {
@@ -2157,7 +2160,6 @@ $grid-dropitems-count-margin-left: -8px !default;
       border-collapse: separate;
       table-layout: fixed;
       width: 100%;
-      border-spacing: 0.25px;
     }
 
     .e-tableborder {
@@ -3655,6 +3657,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 {
@@ -5482,6 +5491,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') {
 

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

@@ -1446,6 +1446,9 @@ $grid-dropitems-count-margin-left: -9px !default;
 
       li.e-cclist {
         padding: $grid-bigger-columnchooser-li-padding;
+	@if $grid-skin == 'material3' {
+          line-height: 24px;
+        }
       }
 
       .e-toolbar .e-ccdiv {
@@ -2168,7 +2171,6 @@ $grid-dropitems-count-margin-left: -9px !default;
       border-collapse: separate;
       table-layout: fixed;
       width: 100%;
-      border-spacing: 0.25px;
     }
 
     .e-tableborder {
@@ -3666,6 +3668,13 @@ $grid-dropitems-count-margin-left: -9px !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 {
@@ -5493,6 +5502,26 @@ $grid-dropitems-count-margin-left: -9px !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') {
 

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

@@ -1446,6 +1446,9 @@ $grid-dropitems-count-margin-left: -9px !default;
 
       li.e-cclist {
         padding: $grid-bigger-columnchooser-li-padding;
+	@if $grid-skin == 'material3' {
+          line-height: 24px;
+        }
       }
 
       .e-toolbar .e-ccdiv {
@@ -2168,7 +2171,6 @@ $grid-dropitems-count-margin-left: -9px !default;
       border-collapse: separate;
       table-layout: fixed;
       width: 100%;
-      border-spacing: 0.25px;
     }
 
     .e-tableborder {
@@ -3666,6 +3668,13 @@ $grid-dropitems-count-margin-left: -9px !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 {
@@ -5493,6 +5502,26 @@ $grid-dropitems-count-margin-left: -9px !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') {
 

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

@@ -1446,6 +1446,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 {
@@ -2168,7 +2171,6 @@ $grid-dropitems-count-margin-left: -8px !default;
       border-collapse: separate;
       table-layout: fixed;
       width: 100%;
-      border-spacing: 0.25px;
     }
 
     .e-tableborder {
@@ -3666,6 +3668,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 {
@@ -5493,6 +5502,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') {
 

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

@@ -1446,6 +1446,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 {
@@ -2168,7 +2171,6 @@ $grid-dropitems-count-margin-left: -8px !default;
       border-collapse: separate;
       table-layout: fixed;
       width: 100%;
-      border-spacing: 0.25px;
     }
 
     .e-tableborder {
@@ -3666,6 +3668,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 {
@@ -5493,6 +5502,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') {
 

package/SCSS-Themes/highcontrast.scss

@@ -4878,7 +4878,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;
     }
   }
 
@@ -4919,7 +4919,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;
     }
   }
 
@@ -6232,6 +6232,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,
@@ -9428,6 +9429,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,
@@ -9511,6 +9522,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,
@@ -9717,6 +9739,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,
@@ -25290,7 +25323,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;
@@ -28074,8 +28107,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 {
@@ -28305,8 +28336,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 {
@@ -41574,7 +41603,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;
@@ -75659,6 +75688,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 {
@@ -76381,7 +76413,6 @@ $grid-dropitems-count-margin-left: -8px !default;
       border-collapse: separate;
       table-layout: fixed;
       width: 100%;
-      border-spacing: 0.25px;
     }
 
     .e-tableborder {
@@ -77879,6 +77910,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 {
@@ -79706,6 +79744,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') {
 
@@ -117428,7 +117486,16 @@ $image-editor-contextual-toolbar: $bg-base-0 !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;
 
@@ -117534,7 +117601,16 @@ $image-editor-contextual-toolbar: $bg-base-0 !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/image-editor/image-editor/bootstrap-dark.scss

@@ -99,7 +99,16 @@ $image-editor-contextual-toolbar: $grey-darker !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;
 
@@ -205,7 +214,16 @@ $image-editor-contextual-toolbar: $grey-darker !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;