From da52d2510619128839b63dd708bcf4878ffb2c6c Mon Sep 17 00:00:00 2001
From: Teya Veselinova <tveselin@progress.com>
Date: Mon, 2 Dec 2024 12:59:35 +0200
Subject: [PATCH] fix(imageeditor): widen the action pane to fit action buttons
 with icons

---
 packages/fluent/scss/imageeditor/_variables.scss   | 2 +-
 packages/material/scss/imageeditor/_variables.scss | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/fluent/scss/imageeditor/_variables.scss b/packages/fluent/scss/imageeditor/_variables.scss
index 5ec06bbc5b1..228871ba7f0 100644
--- a/packages/fluent/scss/imageeditor/_variables.scss
+++ b/packages/fluent/scss/imageeditor/_variables.scss
@@ -67,7 +67,7 @@ $kendo-image-editor-action-pane-padding-y: k-spacing(3) !default;
 $kendo-image-editor-action-pane-padding-x: k-spacing(3) !default;
 /// Imageeditor action pane width.
 /// @group imageeditor
-$kendo-image-editor-action-pane-width: if( $kendo-image-editor-content-border-width == 0, 240px, calc( 240px + #{$kendo-image-editor-content-border-width}) ) !default;
+$kendo-image-editor-action-pane-width: if( $kendo-image-editor-content-border-width == 0, 270px, calc( 270px + #{$kendo-image-editor-content-border-width}) ) !default;
 
 /// Crop background color of the imageeditor.
 /// @group imageeditor
diff --git a/packages/material/scss/imageeditor/_variables.scss b/packages/material/scss/imageeditor/_variables.scss
index 595a5a9ccd4..aec3cce8eb2 100644
--- a/packages/material/scss/imageeditor/_variables.scss
+++ b/packages/material/scss/imageeditor/_variables.scss
@@ -15,7 +15,7 @@ $kendo-image-editor-content-border-width: 1px !default;
 
 $kendo-image-editor-action-pane-padding-y: k-spacing(8) !default;
 $kendo-image-editor-action-pane-padding-x: k-spacing(4) !default;
-$kendo-image-editor-action-pane-width: if( $kendo-image-editor-content-border-width == null, 240px, calc(240px + #{$kendo-image-editor-content-border-width}) ) !default;
+$kendo-image-editor-action-pane-width: if( $kendo-image-editor-content-border-width == null, 280px, calc(280px + #{$kendo-image-editor-content-border-width}) ) !default;
 
 $kendo-image-editor-crop-border-width: 1px !default;
 $kendo-image-editor-crop-border-style: dashed !default;