From f35bbd3cb576d59ebcc752a382022025982366bf Mon Sep 17 00:00:00 2001
From: Luiz Kowalski <lhkowalski@gmail.com>
Date: Wed, 17 Apr 2024 17:42:07 -0300
Subject: [PATCH] AI Featured Image: fix scrollbar on smaller screens (#36963)

* Allow modal to grow up to 90% of the available height on medium to big screens

* changelog
---
 .../update-ai-featured-image-fix-scrollbar-on-smaller-screens | 4 ++++
 .../plugins/ai-assistant-plugin/components/modal/index.tsx    | 2 +-
 .../plugins/ai-assistant-plugin/components/modal/style.scss   | 4 ++++
 3 files changed, 9 insertions(+), 1 deletion(-)
 create mode 100644 projects/plugins/jetpack/changelog/update-ai-featured-image-fix-scrollbar-on-smaller-screens

diff --git a/projects/plugins/jetpack/changelog/update-ai-featured-image-fix-scrollbar-on-smaller-screens b/projects/plugins/jetpack/changelog/update-ai-featured-image-fix-scrollbar-on-smaller-screens
new file mode 100644
index 0000000000000..f2f2ab65b9ff6
--- /dev/null
+++ b/projects/plugins/jetpack/changelog/update-ai-featured-image-fix-scrollbar-on-smaller-screens
@@ -0,0 +1,4 @@
+Significance: patch
+Type: other
+
+AI Featured Image: remove scrollbar on smaller screens.
diff --git a/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/modal/index.tsx b/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/modal/index.tsx
index d8b3ee5d4535b..042b639ad936c 100644
--- a/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/modal/index.tsx
+++ b/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/modal/index.tsx
@@ -44,7 +44,7 @@ export default function AiAssistantModal( {
 	title?: string;
 } ) {
 	return (
-		<Modal __experimentalHideHeader={ hideHeader }>
+		<Modal __experimentalHideHeader={ hideHeader } className="ai-assistant-modal">
 			<div className="ai-assistant-modal__content">
 				<ModalHeader requestingState={ requestingState } onClose={ handleClose } title={ title } />
 				<hr className="ai-assistant-modal__divider" />
diff --git a/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/modal/style.scss b/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/modal/style.scss
index 63658d3e701d8..680cc2a798468 100644
--- a/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/modal/style.scss
+++ b/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/modal/style.scss
@@ -1,4 +1,8 @@
 .ai-assistant-modal {
+	@media (min-width: 960px) {
+		max-height: 90%;
+	}
+
 	&__content {
 		display: flex;
 		flex-direction: column;