@syncfusion/ej2-image-editor 24.1.44 → 24.1.46

package/styles/highcontrast-light.css

@@ -521,7 +521,23 @@
 }
 
 .e-ie-finetune-value-span {
-  top: 26% !important; /* stylelint-disable-line declaration-no-important */
+  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 {
@@ -537,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

@@ -525,7 +525,23 @@
 }
 
 .e-ie-finetune-value-span {
-  top: 26% !important; /* stylelint-disable-line declaration-no-important */
+  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 {
@@ -541,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

@@ -503,7 +503,23 @@
   }
 
   .e-ie-finetune-value-span {
-    top: 26% !important; /* stylelint-disable-line declaration-no-important */
+    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 {
@@ -522,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

@@ -523,7 +523,23 @@
 }
 
 .e-ie-finetune-value-span {
-  top: 26% !important; /* stylelint-disable-line declaration-no-important */
+  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 {
@@ -539,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

@@ -523,7 +523,23 @@
 }
 
 .e-ie-finetune-value-span {
-  top: 26% !important; /* stylelint-disable-line declaration-no-important */
+  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 {
@@ -539,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;
 }

package/styles/image-editor/bootstrap4.css

@@ -521,7 +521,23 @@
 }
 
 .e-ie-finetune-value-span {
-  top: 26% !important; /* stylelint-disable-line declaration-no-important */
+  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 {
@@ -537,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: #e9ecef;
 }
@@ -565,7 +585,7 @@
   color: #fff;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:focus {
-  background: #6c757d;
+  background: #5b636a;
   box-shadow: none;
   color: #fff;
 }

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

@@ -539,7 +539,23 @@
 }
 
 .e-ie-finetune-value-span {
-  top: 26% !important; /* stylelint-disable-line declaration-no-important */
+  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 {
@@ -555,6 +571,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: #444c54;
 }

package/styles/image-editor/bootstrap5.css

@@ -539,7 +539,23 @@
 }
 
 .e-ie-finetune-value-span {
-  top: 26% !important; /* stylelint-disable-line declaration-no-important */
+  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 {
@@ -555,6 +571,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: #dee2e6;
 }

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

@@ -523,7 +523,23 @@
 }
 
 .e-ie-finetune-value-span {
-  top: 26% !important; /* stylelint-disable-line declaration-no-important */
+  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 {
@@ -539,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/image-editor/fabric.css

@@ -523,7 +523,23 @@
 }
 
 .e-ie-finetune-value-span {
-  top: 26% !important; /* stylelint-disable-line declaration-no-important */
+  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 {
@@ -539,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/image-editor/fluent-dark.css

@@ -534,7 +534,23 @@
 }
 
 .e-ie-finetune-value-span {
-  top: 26% !important; /* stylelint-disable-line declaration-no-important */
+  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 {
@@ -550,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/image-editor/fluent.css

@@ -534,7 +534,23 @@
 }
 
 .e-ie-finetune-value-span {
-  top: 26% !important; /* stylelint-disable-line declaration-no-important */
+  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 {
@@ -550,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/image-editor/highcontrast-light.css

@@ -521,7 +521,23 @@
 }
 
 .e-ie-finetune-value-span {
-  top: 26% !important; /* stylelint-disable-line declaration-no-important */
+  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 {
@@ -537,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/image-editor/highcontrast.css

@@ -525,7 +525,23 @@
 }
 
 .e-ie-finetune-value-span {
-  top: 26% !important; /* stylelint-disable-line declaration-no-important */
+  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 {
@@ -541,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/material-dark.css

@@ -526,11 +526,27 @@
 }
 
 .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
-  top: calc(50% - 6px) !important; /* stylelint-disable-line declaration-no-important */
+  top: calc(50% - 7px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-ie-finetune-value-span {
-  top: 26% !important; /* stylelint-disable-line declaration-no-important */
+  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 {
@@ -546,6 +562,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: #292929;
 }