@syncfusion/blazor-themes 29.1.41 → 29.2.5

package/SCSS-Themes/fabric-dark.scss

@@ -65580,7 +65580,12 @@ $ddl-closer-margin-top-bigger-small: -3.2em !default;
 }
 
 .e-multi-select-wrapper .e-delim-values {
-  font-family: $ddl-chip-font-family;
+  @if $ddl-multiselect-skin-name == 'tailwind' {
+    font-family: $multi-select-delim-font-family;
+  }
+  @else {
+    font-family: $ddl-chip-font-family;
+  }
   font-size: $ddl-delim-font-size;
   line-height: $ddl-delimviewheight;
   max-width: 100%;
@@ -98050,6 +98055,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
 
       .e-content {
         width: 100%;
+        display: block;
         float: left;
         background: unset;
         box-sizing: border-box;
@@ -110925,7 +110931,7 @@ $lg-desktop: 1399.98;
       color: $pv-icon-color-hover;
     }
     @if $skin-name == 'bootstrap5.3' {
-      color: $pv-icon-color-hover !important;/* stylelint-disable-line declaration-no-important */
+      color: $pv-icon-color-hover;/* stylelint-disable-line declaration-no-important */
     }
     @if $skin-name == 'bootstrap5' {
       color: $white;
@@ -110938,6 +110944,12 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-pv-annotation-toolbar.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:hover {
+    @if $skin-name == 'bootstrap5.3' {
+      color: $pv-icon-color;/* stylelint-disable-line declaration-no-important */
+    }
+  }
+
   .e-pv-toolbar .e-popup .e-pv-tbar-btn:hover {
     @if ($skin-name == 'bootstrap5.3') {
       color: $pv-icon-color !important;/* stylelint-disable-line declaration-no-important */
@@ -115201,9 +115213,6 @@ $lg-desktop: 1399.98;
     @if ($skin-name == 'bootstrap5') {
       color: $white;
     }
-    @if ($skin-name == 'bootstrap5.3') {
-      color: var(--color-sf-icon-color);
-    }
   }
 
   .e-dialog.e-pv-signature-dialog-height {
@@ -129193,6 +129202,11 @@ $schedule-tree-content-color: #fff !default;
     }
 
     .e-vertical-view {
+      .e-month-event-table {
+        position: absolute;
+        top: 0;
+      }
+      
       &.e-timescale-disable {
         .e-content-table,
         .e-content-wrap {
@@ -134518,8 +134532,8 @@ $image-editor-button-width-mobile: calc(64% - 30px) !default;
   }
 
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
 
   .e-ie-img-size {

package/SCSS-Themes/fabric-lite.scss

@@ -48057,7 +48057,12 @@ $ddl-closer-margin-top-bigger-small: -3.2em !default;
 }
 
 .e-multi-select-wrapper .e-delim-values {
-  font-family: $ddl-chip-font-family;
+  @if $ddl-multiselect-skin-name == 'tailwind' {
+    font-family: $multi-select-delim-font-family;
+  }
+  @else {
+    font-family: $ddl-chip-font-family;
+  }
   font-size: $ddl-delim-font-size;
   line-height: $ddl-delimviewheight;
   max-width: 100%;
@@ -71897,6 +71902,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
 
       .e-content {
         width: 100%;
+        display: block;
         float: left;
         background: unset;
         box-sizing: border-box;
@@ -83026,7 +83032,7 @@ $lg-desktop: 1399.98;
       color: $pv-icon-color-hover;
     }
     @if $skin-name == 'bootstrap5.3' {
-      color: $pv-icon-color-hover !important;/* stylelint-disable-line declaration-no-important */
+      color: $pv-icon-color-hover;/* stylelint-disable-line declaration-no-important */
     }
     @if $skin-name == 'bootstrap5' {
       color: $white;
@@ -83039,6 +83045,12 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-pv-annotation-toolbar.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:hover {
+    @if $skin-name == 'bootstrap5.3' {
+      color: $pv-icon-color;/* stylelint-disable-line declaration-no-important */
+    }
+  }
+
   .e-pv-toolbar .e-popup .e-pv-tbar-btn:hover {
     @if ($skin-name == 'bootstrap5.3') {
       color: $pv-icon-color !important;/* stylelint-disable-line declaration-no-important */
@@ -87302,9 +87314,6 @@ $lg-desktop: 1399.98;
     @if ($skin-name == 'bootstrap5') {
       color: $white;
     }
-    @if ($skin-name == 'bootstrap5.3') {
-      color: var(--color-sf-icon-color);
-    }
   }
 
   .e-dialog.e-pv-signature-dialog-height {
@@ -98233,6 +98242,11 @@ $schedule-tree-content-color: $shadow !default;
     }
 
     .e-vertical-view {
+      .e-month-event-table {
+        position: absolute;
+        top: 0;
+      }
+      
       &.e-timescale-disable {
         .e-content-table,
         .e-content-wrap {
@@ -102762,8 +102776,8 @@ $image-editor-button-width-mobile: calc(64% - 30px) !default;
   }
 
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
 
   .e-ie-img-size {

package/SCSS-Themes/fabric.scss

@@ -65358,7 +65358,12 @@ $ddl-closer-margin-top-bigger-small: -3.2em !default;
 }
 
 .e-multi-select-wrapper .e-delim-values {
-  font-family: $ddl-chip-font-family;
+  @if $ddl-multiselect-skin-name == 'tailwind' {
+    font-family: $multi-select-delim-font-family;
+  }
+  @else {
+    font-family: $ddl-chip-font-family;
+  }
   font-size: $ddl-delim-font-size;
   line-height: $ddl-delimviewheight;
   max-width: 100%;
@@ -97829,6 +97834,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
 
       .e-content {
         width: 100%;
+        display: block;
         float: left;
         background: unset;
         box-sizing: border-box;
@@ -110708,7 +110714,7 @@ $lg-desktop: 1399.98;
       color: $pv-icon-color-hover;
     }
     @if $skin-name == 'bootstrap5.3' {
-      color: $pv-icon-color-hover !important;/* stylelint-disable-line declaration-no-important */
+      color: $pv-icon-color-hover;/* stylelint-disable-line declaration-no-important */
     }
     @if $skin-name == 'bootstrap5' {
       color: $white;
@@ -110721,6 +110727,12 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-pv-annotation-toolbar.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:hover {
+    @if $skin-name == 'bootstrap5.3' {
+      color: $pv-icon-color;/* stylelint-disable-line declaration-no-important */
+    }
+  }
+
   .e-pv-toolbar .e-popup .e-pv-tbar-btn:hover {
     @if ($skin-name == 'bootstrap5.3') {
       color: $pv-icon-color !important;/* stylelint-disable-line declaration-no-important */
@@ -114984,9 +114996,6 @@ $lg-desktop: 1399.98;
     @if ($skin-name == 'bootstrap5') {
       color: $white;
     }
-    @if ($skin-name == 'bootstrap5.3') {
-      color: var(--color-sf-icon-color);
-    }
   }
 
   .e-dialog.e-pv-signature-dialog-height {
@@ -128974,6 +128983,11 @@ $schedule-tree-content-color: $shadow !default;
     }
 
     .e-vertical-view {
+      .e-month-event-table {
+        position: absolute;
+        top: 0;
+      }
+      
       &.e-timescale-disable {
         .e-content-table,
         .e-content-wrap {
@@ -134299,8 +134313,8 @@ $image-editor-button-width-mobile: calc(64% - 30px) !default;
   }
 
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
 
   .e-ie-img-size {

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

@@ -48601,7 +48601,12 @@ $ddl-small-clear-icon-width: 12px !default;
 }
 
 .e-multi-select-wrapper .e-delim-values {
-  font-family: $ddl-chip-font-family;
+  @if $ddl-multiselect-skin-name == 'tailwind' {
+    font-family: $multi-select-delim-font-family;
+  }
+  @else {
+    font-family: $ddl-chip-font-family;
+  }
   font-size: $ddl-delim-font-size;
   line-height: $ddl-delimviewheight;
   max-width: 100%;
@@ -72556,6 +72561,7 @@ $rte-dialog-upload-status-progress: $info;
 
       .e-content {
         width: 100%;
+        display: block;
         float: left;
         background: unset;
         box-sizing: border-box;
@@ -83690,7 +83696,7 @@ $lg-desktop: 1399.98;
       color: $pv-icon-color-hover;
     }
     @if $skin-name == 'bootstrap5.3' {
-      color: $pv-icon-color-hover !important;/* stylelint-disable-line declaration-no-important */
+      color: $pv-icon-color-hover;/* stylelint-disable-line declaration-no-important */
     }
     @if $skin-name == 'bootstrap5' {
       color: $white;
@@ -83703,6 +83709,12 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-pv-annotation-toolbar.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:hover {
+    @if $skin-name == 'bootstrap5.3' {
+      color: $pv-icon-color;/* stylelint-disable-line declaration-no-important */
+    }
+  }
+
   .e-pv-toolbar .e-popup .e-pv-tbar-btn:hover {
     @if ($skin-name == 'bootstrap5.3') {
       color: $pv-icon-color !important;/* stylelint-disable-line declaration-no-important */
@@ -87966,9 +87978,6 @@ $lg-desktop: 1399.98;
     @if ($skin-name == 'bootstrap5') {
       color: $white;
     }
-    @if ($skin-name == 'bootstrap5.3') {
-      color: var(--color-sf-icon-color);
-    }
   }
 
   .e-dialog.e-pv-signature-dialog-height {
@@ -98908,6 +98917,11 @@ $schedule-tree-content-color: $content-text-color-alt2;
     }
 
     .e-vertical-view {
+      .e-month-event-table {
+        position: absolute;
+        top: 0;
+      }
+      
       &.e-timescale-disable {
         .e-content-table,
         .e-content-wrap {
@@ -103434,8 +103448,8 @@ $image-editor-button-width-mobile: calc(64% - 30px) !default;
   }
 
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
 
   .e-ie-img-size {

package/SCSS-Themes/fluent-dark.scss

@@ -65902,7 +65902,12 @@ $ddl-small-clear-icon-width: 12px !default;
 }
 
 .e-multi-select-wrapper .e-delim-values {
-  font-family: $ddl-chip-font-family;
+  @if $ddl-multiselect-skin-name == 'tailwind' {
+    font-family: $multi-select-delim-font-family;
+  }
+  @else {
+    font-family: $ddl-chip-font-family;
+  }
   font-size: $ddl-delim-font-size;
   line-height: $ddl-delimviewheight;
   max-width: 100%;
@@ -98488,6 +98493,7 @@ $rte-dialog-upload-status-progress: $info;
 
       .e-content {
         width: 100%;
+        display: block;
         float: left;
         background: unset;
         box-sizing: border-box;
@@ -111372,7 +111378,7 @@ $lg-desktop: 1399.98;
       color: $pv-icon-color-hover;
     }
     @if $skin-name == 'bootstrap5.3' {
-      color: $pv-icon-color-hover !important;/* stylelint-disable-line declaration-no-important */
+      color: $pv-icon-color-hover;/* stylelint-disable-line declaration-no-important */
     }
     @if $skin-name == 'bootstrap5' {
       color: $white;
@@ -111385,6 +111391,12 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-pv-annotation-toolbar.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:hover {
+    @if $skin-name == 'bootstrap5.3' {
+      color: $pv-icon-color;/* stylelint-disable-line declaration-no-important */
+    }
+  }
+
   .e-pv-toolbar .e-popup .e-pv-tbar-btn:hover {
     @if ($skin-name == 'bootstrap5.3') {
       color: $pv-icon-color !important;/* stylelint-disable-line declaration-no-important */
@@ -115648,9 +115660,6 @@ $lg-desktop: 1399.98;
     @if ($skin-name == 'bootstrap5') {
       color: $white;
     }
-    @if ($skin-name == 'bootstrap5.3') {
-      color: var(--color-sf-icon-color);
-    }
   }
 
   .e-dialog.e-pv-signature-dialog-height {
@@ -129649,6 +129658,11 @@ $schedule-tree-content-color: $content-text-color-alt2;
     }
 
     .e-vertical-view {
+      .e-month-event-table {
+        position: absolute;
+        top: 0;
+      }
+      
       &.e-timescale-disable {
         .e-content-table,
         .e-content-wrap {
@@ -134971,8 +134985,8 @@ $image-editor-button-width-mobile: calc(64% - 30px) !default;
   }
 
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
 
   .e-ie-img-size {

package/SCSS-Themes/fluent-lite.scss

@@ -48601,7 +48601,12 @@ $ddl-small-clear-icon-width: 12px !default;
 }
 
 .e-multi-select-wrapper .e-delim-values {
-  font-family: $ddl-chip-font-family;
+  @if $ddl-multiselect-skin-name == 'tailwind' {
+    font-family: $multi-select-delim-font-family;
+  }
+  @else {
+    font-family: $ddl-chip-font-family;
+  }
   font-size: $ddl-delim-font-size;
   line-height: $ddl-delimviewheight;
   max-width: 100%;
@@ -72556,6 +72561,7 @@ $rte-dialog-upload-status-progress: $info;
 
       .e-content {
         width: 100%;
+        display: block;
         float: left;
         background: unset;
         box-sizing: border-box;
@@ -83690,7 +83696,7 @@ $lg-desktop: 1399.98;
       color: $pv-icon-color-hover;
     }
     @if $skin-name == 'bootstrap5.3' {
-      color: $pv-icon-color-hover !important;/* stylelint-disable-line declaration-no-important */
+      color: $pv-icon-color-hover;/* stylelint-disable-line declaration-no-important */
     }
     @if $skin-name == 'bootstrap5' {
       color: $white;
@@ -83703,6 +83709,12 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-pv-annotation-toolbar.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:hover {
+    @if $skin-name == 'bootstrap5.3' {
+      color: $pv-icon-color;/* stylelint-disable-line declaration-no-important */
+    }
+  }
+
   .e-pv-toolbar .e-popup .e-pv-tbar-btn:hover {
     @if ($skin-name == 'bootstrap5.3') {
       color: $pv-icon-color !important;/* stylelint-disable-line declaration-no-important */
@@ -87966,9 +87978,6 @@ $lg-desktop: 1399.98;
     @if ($skin-name == 'bootstrap5') {
       color: $white;
     }
-    @if ($skin-name == 'bootstrap5.3') {
-      color: var(--color-sf-icon-color);
-    }
   }
 
   .e-dialog.e-pv-signature-dialog-height {
@@ -98908,6 +98917,11 @@ $schedule-tree-content-color: $content-text-color-alt2;
     }
 
     .e-vertical-view {
+      .e-month-event-table {
+        position: absolute;
+        top: 0;
+      }
+      
       &.e-timescale-disable {
         .e-content-table,
         .e-content-wrap {
@@ -103434,8 +103448,8 @@ $image-editor-button-width-mobile: calc(64% - 30px) !default;
   }
 
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
 
   .e-ie-img-size {

package/SCSS-Themes/fluent.scss

@@ -65902,7 +65902,12 @@ $ddl-small-clear-icon-width: 12px !default;
 }
 
 .e-multi-select-wrapper .e-delim-values {
-  font-family: $ddl-chip-font-family;
+  @if $ddl-multiselect-skin-name == 'tailwind' {
+    font-family: $multi-select-delim-font-family;
+  }
+  @else {
+    font-family: $ddl-chip-font-family;
+  }
   font-size: $ddl-delim-font-size;
   line-height: $ddl-delimviewheight;
   max-width: 100%;
@@ -98488,6 +98493,7 @@ $rte-dialog-upload-status-progress: $info;
 
       .e-content {
         width: 100%;
+        display: block;
         float: left;
         background: unset;
         box-sizing: border-box;
@@ -111372,7 +111378,7 @@ $lg-desktop: 1399.98;
       color: $pv-icon-color-hover;
     }
     @if $skin-name == 'bootstrap5.3' {
-      color: $pv-icon-color-hover !important;/* stylelint-disable-line declaration-no-important */
+      color: $pv-icon-color-hover;/* stylelint-disable-line declaration-no-important */
     }
     @if $skin-name == 'bootstrap5' {
       color: $white;
@@ -111385,6 +111391,12 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-pv-annotation-toolbar.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:hover {
+    @if $skin-name == 'bootstrap5.3' {
+      color: $pv-icon-color;/* stylelint-disable-line declaration-no-important */
+    }
+  }
+
   .e-pv-toolbar .e-popup .e-pv-tbar-btn:hover {
     @if ($skin-name == 'bootstrap5.3') {
       color: $pv-icon-color !important;/* stylelint-disable-line declaration-no-important */
@@ -115648,9 +115660,6 @@ $lg-desktop: 1399.98;
     @if ($skin-name == 'bootstrap5') {
       color: $white;
     }
-    @if ($skin-name == 'bootstrap5.3') {
-      color: var(--color-sf-icon-color);
-    }
   }
 
   .e-dialog.e-pv-signature-dialog-height {
@@ -129649,6 +129658,11 @@ $schedule-tree-content-color: $content-text-color-alt2;
     }
 
     .e-vertical-view {
+      .e-month-event-table {
+        position: absolute;
+        top: 0;
+      }
+      
       &.e-timescale-disable {
         .e-content-table,
         .e-content-wrap {
@@ -134971,8 +134985,8 @@ $image-editor-button-width-mobile: calc(64% - 30px) !default;
   }
 
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
 
   .e-ie-img-size {

package/SCSS-Themes/fluent2-dark-lite.scss

@@ -50199,7 +50199,12 @@ $ddl-multi-list-select-color: $flyout-text-color-selected !default;
 }
 
 .e-multi-select-wrapper .e-delim-values {
-  font-family: $ddl-chip-font-family;
+  @if $ddl-multiselect-skin-name == 'tailwind' {
+    font-family: $multi-select-delim-font-family;
+  }
+  @else {
+    font-family: $ddl-chip-font-family;
+  }
   font-size: $ddl-delim-font-size;
   line-height: $ddl-delimviewheight;
   max-width: 100%;
@@ -74489,6 +74494,7 @@ $rte-dialog-upload-status-progress: $info;
 
       .e-content {
         width: 100%;
+        display: block;
         float: left;
         background: unset;
         box-sizing: border-box;
@@ -85638,7 +85644,7 @@ $lg-desktop: 1399.98;
       color: $pv-icon-color-hover;
     }
     @if $skin-name == 'bootstrap5.3' {
-      color: $pv-icon-color-hover !important;/* stylelint-disable-line declaration-no-important */
+      color: $pv-icon-color-hover;/* stylelint-disable-line declaration-no-important */
     }
     @if $skin-name == 'bootstrap5' {
       color: $white;
@@ -85651,6 +85657,12 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-pv-annotation-toolbar.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:hover {
+    @if $skin-name == 'bootstrap5.3' {
+      color: $pv-icon-color;/* stylelint-disable-line declaration-no-important */
+    }
+  }
+
   .e-pv-toolbar .e-popup .e-pv-tbar-btn:hover {
     @if ($skin-name == 'bootstrap5.3') {
       color: $pv-icon-color !important;/* stylelint-disable-line declaration-no-important */
@@ -89914,9 +89926,6 @@ $lg-desktop: 1399.98;
     @if ($skin-name == 'bootstrap5') {
       color: $white;
     }
-    @if ($skin-name == 'bootstrap5.3') {
-      color: var(--color-sf-icon-color);
-    }
   }
 
   .e-dialog.e-pv-signature-dialog-height {
@@ -100852,6 +100861,11 @@ $schedule-bgr-calendar-width: 345px !default;
     }
 
     .e-vertical-view {
+      .e-month-event-table {
+        position: absolute;
+        top: 0;
+      }
+      
       &.e-timescale-disable {
         .e-content-table,
         .e-content-wrap {
@@ -105378,8 +105392,8 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   }
 
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
 
   .e-ie-img-size {

package/SCSS-Themes/fluent2-dark.scss

@@ -67500,7 +67500,12 @@ $ddl-multi-list-select-color: $flyout-text-color-selected !default;
 }
 
 .e-multi-select-wrapper .e-delim-values {
-  font-family: $ddl-chip-font-family;
+  @if $ddl-multiselect-skin-name == 'tailwind' {
+    font-family: $multi-select-delim-font-family;
+  }
+  @else {
+    font-family: $ddl-chip-font-family;
+  }
   font-size: $ddl-delim-font-size;
   line-height: $ddl-delimviewheight;
   max-width: 100%;
@@ -100421,6 +100426,7 @@ $rte-dialog-upload-status-progress: $info;
 
       .e-content {
         width: 100%;
+        display: block;
         float: left;
         background: unset;
         box-sizing: border-box;
@@ -113320,7 +113326,7 @@ $lg-desktop: 1399.98;
       color: $pv-icon-color-hover;
     }
     @if $skin-name == 'bootstrap5.3' {
-      color: $pv-icon-color-hover !important;/* stylelint-disable-line declaration-no-important */
+      color: $pv-icon-color-hover;/* stylelint-disable-line declaration-no-important */
     }
     @if $skin-name == 'bootstrap5' {
       color: $white;
@@ -113333,6 +113339,12 @@ $lg-desktop: 1399.98;
     }
   }
 
+  .e-pv-annotation-toolbar.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:hover {
+    @if $skin-name == 'bootstrap5.3' {
+      color: $pv-icon-color;/* stylelint-disable-line declaration-no-important */
+    }
+  }
+
   .e-pv-toolbar .e-popup .e-pv-tbar-btn:hover {
     @if ($skin-name == 'bootstrap5.3') {
       color: $pv-icon-color !important;/* stylelint-disable-line declaration-no-important */
@@ -117596,9 +117608,6 @@ $lg-desktop: 1399.98;
     @if ($skin-name == 'bootstrap5') {
       color: $white;
     }
-    @if ($skin-name == 'bootstrap5.3') {
-      color: var(--color-sf-icon-color);
-    }
   }
 
   .e-dialog.e-pv-signature-dialog-height {
@@ -131593,6 +131602,11 @@ $schedule-bgr-calendar-width: 345px !default;
     }
 
     .e-vertical-view {
+      .e-month-event-table {
+        position: absolute;
+        top: 0;
+      }
+      
       &.e-timescale-disable {
         .e-content-table,
         .e-content-wrap {
@@ -136915,8 +136929,8 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   }
 
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
 
   .e-ie-img-size {