From e0f8a554a335b4f8175275a0959f19266d8b507a Mon Sep 17 00:00:00 2001
From: Douglas <douglas.henri@automattic.com>
Date: Thu, 19 Dec 2024 18:06:08 -0300
Subject: [PATCH] set fixed image height on image modal

---
 .../components/ai-image/components/carrousel.scss      | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/ai-image/components/carrousel.scss b/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/ai-image/components/carrousel.scss
index fe4e880a78200..402da821cc327 100644
--- a/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/ai-image/components/carrousel.scss
+++ b/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/ai-image/components/carrousel.scss
@@ -1,3 +1,5 @@
+$scale-factor: 0.55;
+
 .ai-assistant-image {
 	&__blank {
 		display: flex;
@@ -47,6 +49,7 @@
 			display: flex;
 			align-items: center;
 			overflow: hidden;
+			height: calc( 768px * $scale-factor );
 
 			.ai-carrousel {
 				&__prev {
@@ -129,14 +132,17 @@
 		}
 
 		&-image {
-			width: 78%;
+			max-height: calc( 768px * $scale-factor );
+			max-width: calc( 1024px * $scale-factor );
+			width: auto;
 			height: auto;
+			margin: auto 0;
 		}
 
 		&-image-container {
 			display: flex;
 			width: 100%;
-			height: auto;
+			height: 100%;
 			position: absolute;
 			left: 8px;
 			transform: translateX( 100% );