From a4d311dbc7918707a9a4b1314e8d983ac91cef11 Mon Sep 17 00:00:00 2001
From: Nick Skriabin <nr@fenelon.ru>
Date: Fri, 7 Mar 2025 16:47:14 +0000
Subject: [PATCH] Fix images distortion on zoom

---
 web/libs/editor/src/components/ImageView/Image.jsx          | 2 +-
 .../editor/src/components/ImageView/ImageView.module.scss   | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/web/libs/editor/src/components/ImageView/Image.jsx b/web/libs/editor/src/components/ImageView/Image.jsx
index daf7be3d85e2..c9872954e4f6 100644
--- a/web/libs/editor/src/components/ImageView/Image.jsx
+++ b/web/libs/editor/src/components/ImageView/Image.jsx
@@ -86,7 +86,7 @@ const ImageRenderer = observer(
     const imageStyles = useMemo(() => {
       const style = imageTransform ?? {};
 
-      return { ...style, visibility: isLoaded ? "visible" : "hidden" };
+      return { ...style, maxWidth: "unset", visibility: isLoaded ? "visible" : "hidden" };
     }, [imageTransform, isLoaded]);
 
     // biome-ignore lint/a11y/noRedundantAlt: The use of this component justifies this alt text
diff --git a/web/libs/editor/src/components/ImageView/ImageView.module.scss b/web/libs/editor/src/components/ImageView/ImageView.module.scss
index 549572c18259..7560290f449b 100644
--- a/web/libs/editor/src/components/ImageView/ImageView.module.scss
+++ b/web/libs/editor/src/components/ImageView/ImageView.module.scss
@@ -98,6 +98,10 @@
     position: absolute;
     overflow: hidden;
     height: 0;
+
+    img {
+      max-width: unset;
+    }
   }
 
   .frame_height {
@@ -163,4 +167,4 @@
   display: flex;
   width: 100%;
   padding-right: 40px; // for toolbar
-}
\ No newline at end of file
+}