@syncfusion/ej2-image-editor 24.1.43 → 24.1.45

package/styles/fabric-dark.css

@@ -496,14 +496,17 @@
   height: 54px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-ie-straighten-value-span,
-.e-ie-straighten-span {
-  font-size: 14px;
+.e-ie-straighten-span,
+.e-ie-toolbar-straighten {
+  font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
   padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
   padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-straighten .e-control-wrapper.e-slider-container.e-horizontal {
   height: auto;
+  margin-left: 8px;
+  padding-right: 2px;
 }
 
 .e-straighten .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
@@ -519,6 +522,26 @@
   top: calc(50% - 8px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-ie-finetune-value-span {
+  top: 29% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-label {
+  top: 29% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-transparency-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-slider-wrap {
+  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
   top: calc(50% - 9px) !important; /* stylelint-disable-line declaration-no-important */
 }
@@ -532,6 +555,10 @@
   background: none !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-device-transparency-slider {
+  margin-left: calc(50% - 80px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: #201f1f;
 }

package/styles/fabric.css

@@ -496,14 +496,17 @@
   height: 54px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-ie-straighten-value-span,
-.e-ie-straighten-span {
-  font-size: 14px;
+.e-ie-straighten-span,
+.e-ie-toolbar-straighten {
+  font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
   padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
   padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-straighten .e-control-wrapper.e-slider-container.e-horizontal {
   height: auto;
+  margin-left: 8px;
+  padding-right: 2px;
 }
 
 .e-straighten .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
@@ -519,6 +522,26 @@
   top: calc(50% - 8px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-ie-finetune-value-span {
+  top: 29% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-label {
+  top: 29% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-transparency-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-slider-wrap {
+  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
   top: calc(50% - 9px) !important; /* stylelint-disable-line declaration-no-important */
 }
@@ -532,6 +555,10 @@
   background: none !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-device-transparency-slider {
+  margin-left: calc(50% - 80px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: #fff;
 }

package/styles/fluent-dark.css

@@ -507,14 +507,17 @@
   height: 54px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-ie-straighten-value-span,
-.e-ie-straighten-span {
-  font-size: 14px;
+.e-ie-straighten-span,
+.e-ie-toolbar-straighten {
+  font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
   padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
   padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-straighten .e-control-wrapper.e-slider-container.e-horizontal {
   height: auto;
+  margin-left: 8px;
+  padding-right: 2px;
 }
 
 .e-straighten .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
@@ -530,6 +533,26 @@
   top: calc(50% - 8px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-ie-finetune-value-span {
+  top: 29% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-label {
+  top: 29% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-transparency-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-slider-wrap {
+  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
   top: calc(50% - 8px) !important; /* stylelint-disable-line declaration-no-important */
 }
@@ -543,6 +566,10 @@
   background: none !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-device-transparency-slider {
+  margin-left: calc(50% - 80px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: #201f1e;
 }

package/styles/fluent.css

@@ -507,14 +507,17 @@
   height: 54px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-ie-straighten-value-span,
-.e-ie-straighten-span {
-  font-size: 14px;
+.e-ie-straighten-span,
+.e-ie-toolbar-straighten {
+  font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
   padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
   padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-straighten .e-control-wrapper.e-slider-container.e-horizontal {
   height: auto;
+  margin-left: 8px;
+  padding-right: 2px;
 }
 
 .e-straighten .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
@@ -530,6 +533,26 @@
   top: calc(50% - 8px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-ie-finetune-value-span {
+  top: 29% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-label {
+  top: 29% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-transparency-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-slider-wrap {
+  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
   top: calc(50% - 8px) !important; /* stylelint-disable-line declaration-no-important */
 }
@@ -543,6 +566,10 @@
   background: none !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-device-transparency-slider {
+  margin-left: calc(50% - 80px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: #faf9f8;
 }

package/styles/highcontrast-light.css

@@ -494,14 +494,17 @@
   height: 54px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-ie-straighten-value-span,
-.e-ie-straighten-span {
-  font-size: 14px;
+.e-ie-straighten-span,
+.e-ie-toolbar-straighten {
+  font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
   padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
   padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-straighten .e-control-wrapper.e-slider-container.e-horizontal {
   height: auto;
+  margin-left: 8px;
+  padding-right: 2px;
 }
 
 .e-straighten .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
@@ -517,6 +520,26 @@
   top: calc(50% - 6px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-ie-finetune-value-span {
+  top: 29% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-label {
+  top: 29% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-transparency-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-slider-wrap {
+  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
   top: calc(50% - 8px) !important; /* stylelint-disable-line declaration-no-important */
 }
@@ -530,6 +553,10 @@
   background: none !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-device-transparency-slider {
+  margin-left: calc(50% - 80px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: #fff;
 }

package/styles/highcontrast.css

@@ -498,14 +498,17 @@
   height: 54px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-ie-straighten-value-span,
-.e-ie-straighten-span {
-  font-size: 14px;
+.e-ie-straighten-span,
+.e-ie-toolbar-straighten {
+  font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
   padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
   padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-straighten .e-control-wrapper.e-slider-container.e-horizontal {
   height: auto;
+  margin-left: 8px;
+  padding-right: 2px;
 }
 
 .e-straighten .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
@@ -521,6 +524,26 @@
   top: calc(50% - 6px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-ie-finetune-value-span {
+  top: 29% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-label {
+  top: 29% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-transparency-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-slider-wrap {
+  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
   top: calc(50% - 8px) !important; /* stylelint-disable-line declaration-no-important */
 }
@@ -534,6 +557,10 @@
   background: none !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-device-transparency-slider {
+  margin-left: calc(50% - 80px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: #000;
 }

package/styles/image-editor/_bootstrap-dark-definition.scss

@@ -17,3 +17,5 @@ $image-editor-bigger-dropdown-btn-preview-left: 0 !default;
 $image-editor-slider-handler: calc(50% - 5px) !default;
 $image-editor-bigger-slider-handler: calc(50% - 7px) !default;
 $image-editor-device-slider-handler: calc(50% - 7px) !default;
+$image-editor-finetune-value-span: 31% !default;
+$image-editor-finetune-span: 31% !default;

package/styles/image-editor/_bootstrap-definition.scss

@@ -17,3 +17,5 @@ $image-editor-bigger-dropdown-btn-preview-left: 0 !default;
 $image-editor-slider-handler: calc(50% - 5px) !default;
 $image-editor-bigger-slider-handler: calc(50% - 7px) !default;
 $image-editor-device-slider-handler: calc(50% - 7px) !default;
+$image-editor-finetune-value-span: 31% !default;
+$image-editor-finetune-span: 31% !default;

package/styles/image-editor/_bootstrap4-definition.scss

@@ -17,3 +17,5 @@ $image-editor-bigger-dropdown-btn-preview-left: 0 !default;
 $image-editor-slider-handler: calc(50% - 6px) !default;
 $image-editor-bigger-slider-handler: calc(50% - 7px) !default;
 $image-editor-device-slider-handler: calc(50% - 7px) !default;
+$image-editor-finetune-value-span: 31% !default;
+$image-editor-finetune-span: 31% !default;

package/styles/image-editor/_bootstrap5-definition.scss

@@ -17,3 +17,5 @@ $image-editor-bigger-dropdown-btn-preview-left: -4px !default;
 $image-editor-slider-handler: calc(50% - 5px) !default;
 $image-editor-bigger-slider-handler: calc(50% - 6px) !default;
 $image-editor-device-slider-handler: calc(50% - 8px) !default;
+$image-editor-finetune-value-span: 29% !default;
+$image-editor-finetune-span: 29% !default;

package/styles/image-editor/_fabric-dark-definition.scss

@@ -17,3 +17,5 @@ $image-editor-bigger-dropdown-btn-preview-left: -1px !default;
 $image-editor-slider-handler: calc(50% - 8px) !default;
 $image-editor-bigger-slider-handler: calc(50% - 9px) !default;
 $image-editor-device-slider-handler: calc(50% - 9px) !default;
+$image-editor-finetune-value-span: 29% !default;
+$image-editor-finetune-span: 29% !default;

package/styles/image-editor/_fabric-definition.scss

@@ -17,3 +17,5 @@ $image-editor-bigger-dropdown-btn-preview-left: -1px !default;
 $image-editor-slider-handler: calc(50% - 8px) !default;
 $image-editor-bigger-slider-handler: calc(50% - 9px) !default;
 $image-editor-device-slider-handler: calc(50% - 9px) !default;
+$image-editor-finetune-value-span: 29% !default;
+$image-editor-finetune-span: 29% !default;

package/styles/image-editor/_fluent-definition.scss

@@ -17,3 +17,5 @@ $image-editor-bigger-dropdown-btn-preview-left: -4px !default;
 $image-editor-slider-handler: calc(50% - 8px) !default;
 $image-editor-bigger-slider-handler: calc(50% - 8px) !default;
 $image-editor-device-slider-handler: calc(50% - 8px) !default;
+$image-editor-finetune-value-span: 29% !default;
+$image-editor-finetune-span: 29% !default;

package/styles/image-editor/_highcontrast-definition.scss

@@ -17,3 +17,5 @@ $image-editor-bigger-dropdown-btn-preview-left: -1px !default;
 $image-editor-slider-handler: calc(50% - 6px) !default;
 $image-editor-bigger-slider-handler: calc(50% - 8px) !default;
 $image-editor-device-slider-handler: calc(50% - 8px) !default;
+$image-editor-finetune-value-span: 29% !default;
+$image-editor-finetune-span: 29% !default;

package/styles/image-editor/_highcontrast-light-definition.scss

@@ -17,3 +17,5 @@ $image-editor-bigger-dropdown-btn-preview-left: -1px !default;
 $image-editor-slider-handler: calc(50% - 6px) !default;
 $image-editor-bigger-slider-handler: calc(50% - 8px) !default;
 $image-editor-device-slider-handler: calc(50% - 8px) !default;
+$image-editor-finetune-value-span: 29% !default;
+$image-editor-finetune-span: 29% !default;

package/styles/image-editor/_layout.scss

@@ -472,18 +472,17 @@
     }
   }
   .e-ie-straighten-value-span,
-  .e-ie-straighten-span {
-    font-size: 14px;
+  .e-ie-straighten-span,
+  .e-ie-toolbar-straighten {
+    font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
     padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
     padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
   }
 
   .e-straighten .e-control-wrapper.e-slider-container.e-horizontal {
     height: auto;
-    @if $skin-name == 'Material3' {
-      margin-left: 8px;
-      padding-right: 2px;
-    }
+    margin-left: 8px;
+    padding-right: 2px;
   }
 
   .e-straighten .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
@@ -503,6 +502,26 @@
     }
   }
 
+  .e-ie-finetune-value-span {
+    top: $image-editor-finetune-value-span !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-ie-finetune-slider-label {
+    top: $image-editor-finetune-span !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-ie-finetune-slider-wrap {
+    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-transparency-slider-wrap {
+    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-ie-slider-wrap {
+    top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+  }
+
   .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
     @if $skin-name == 'Material3' {
       height: 22px !important; /* stylelint-disable-line declaration-no-important */
@@ -519,4 +538,16 @@
   .e-dropdown-popup.e-ie-ddb-popup {
     background: none !important; /* stylelint-disable-line declaration-no-important */
   }
+
+  .e-device.e-image-editor .e-ie-device-transparency-slider {
+    margin-left: calc(50% - 80px) !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-device.e-image-editor {
+    .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
+      @if $skin-name == 'Material' {
+        top: calc(50% - 6px) !important; /* stylelint-disable-line declaration-no-important */
+      }
+    }
+  }
 }

package/styles/image-editor/_material-dark-definition.scss

@@ -14,6 +14,8 @@ $image-editor-dropdown-btn-preview-top: -4px !default;
 $image-editor-dropdown-btn-preview-left: -1px !default;
 $image-editor-bigger-dropdown-btn-preview-top: -3px !default;
 $image-editor-bigger-dropdown-btn-preview-left: -1px !default;
-$image-editor-slider-handler: calc(50% - 6px) !default;
+$image-editor-slider-handler: calc(50% - 7px) !default;
 $image-editor-bigger-slider-handler: calc(50% - 7px) !default;
 $image-editor-device-slider-handler: calc(50% - 5px) !default;
+$image-editor-finetune-value-span: 31% !default;
+$image-editor-finetune-span: 31% !default;

package/styles/image-editor/_material-definition.scss

@@ -14,6 +14,8 @@ $image-editor-dropdown-btn-preview-top: -4px !default;
 $image-editor-dropdown-btn-preview-left: -1px !default;
 $image-editor-bigger-dropdown-btn-preview-top: -3px !default;
 $image-editor-bigger-dropdown-btn-preview-left: -1px !default;
-$image-editor-slider-handler: calc(50% - 6px) !default;
+$image-editor-slider-handler: calc(50% - 7px) !default;
 $image-editor-bigger-slider-handler: calc(50% - 7px) !default;
 $image-editor-device-slider-handler: calc(50% - 5px) !default;
+$image-editor-finetune-value-span: 31% !default;
+$image-editor-finetune-span: 31% !default;

package/styles/image-editor/_material3-definition.scss

@@ -17,3 +17,5 @@ $image-editor-bigger-dropdown-btn-preview-left: -7px !default;
 $image-editor-slider-handler: calc(50% - 8px) !default;
 $image-editor-bigger-slider-handler: calc(50% - 10px) !default;
 $image-editor-device-slider-handler: calc(50% - 8px) !default;
+$image-editor-finetune-value-span: 29% !default;
+$image-editor-finetune-span: 28% !default;

package/styles/image-editor/_tailwind-definition.scss

@@ -17,3 +17,5 @@ $image-editor-bigger-dropdown-btn-preview-left: -6px !default;
 $image-editor-slider-handler: calc(50% - 6px) !default;
 $image-editor-bigger-slider-handler: calc(50% - 7px) !default;
 $image-editor-device-slider-handler: calc(50% - 9px) !default;
+$image-editor-finetune-value-span: 28% !default;
+$image-editor-finetune-span: 28% !default;

package/styles/image-editor/bootstrap-dark.css

@@ -496,14 +496,17 @@
   height: 54px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-ie-straighten-value-span,
-.e-ie-straighten-span {
-  font-size: 14px;
+.e-ie-straighten-span,
+.e-ie-toolbar-straighten {
+  font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
   padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
   padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-straighten .e-control-wrapper.e-slider-container.e-horizontal {
   height: auto;
+  margin-left: 8px;
+  padding-right: 2px;
 }
 
 .e-straighten .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
@@ -519,6 +522,26 @@
   top: calc(50% - 5px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-ie-finetune-value-span {
+  top: 31% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-label {
+  top: 31% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-transparency-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-slider-wrap {
+  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
   top: calc(50% - 7px) !important; /* stylelint-disable-line declaration-no-important */
 }
@@ -532,6 +555,10 @@
   background: none !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-device-transparency-slider {
+  margin-left: calc(50% - 80px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: #959595;
 }

package/styles/image-editor/bootstrap.css

@@ -496,14 +496,17 @@
   height: 54px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-ie-straighten-value-span,
-.e-ie-straighten-span {
-  font-size: 14px;
+.e-ie-straighten-span,
+.e-ie-toolbar-straighten {
+  font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
   padding-left: 10px !important; /* stylelint-disable-line declaration-no-important */
   padding-right: 10px !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-straighten .e-control-wrapper.e-slider-container.e-horizontal {
   height: auto;
+  margin-left: 8px;
+  padding-right: 2px;
 }
 
 .e-straighten .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
@@ -519,6 +522,26 @@
   top: calc(50% - 5px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-ie-finetune-value-span {
+  top: 31% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-label {
+  top: 31% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-transparency-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-slider-wrap {
+  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
   top: calc(50% - 7px) !important; /* stylelint-disable-line declaration-no-important */
 }
@@ -532,6 +555,10 @@
   background: none !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-device-transparency-slider {
+  margin-left: calc(50% - 80px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: #e6e6e6;
 }