From 99818891203f623a94d1d1c29e03302a14e3b45f Mon Sep 17 00:00:00 2001
From: sunghyunkang1111 <114709653+sunghyunkang1111@users.noreply.github.com>
Date: Mon, 2 Oct 2023 11:27:58 -0500
Subject: [PATCH] Fit content to modal (#1632)

* Fit content to modal

* update test snap
---
 src/Explorer/QueryCopilot/Modal/WelcomeModal.tsx      | 11 ++++++++++-
 .../Modal/__snapshots__/WelcomeModal.test.tsx.snap    |  7 +++++++
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/Explorer/QueryCopilot/Modal/WelcomeModal.tsx b/src/Explorer/QueryCopilot/Modal/WelcomeModal.tsx
index f7248f410..6f0c811ea 100644
--- a/src/Explorer/QueryCopilot/Modal/WelcomeModal.tsx
+++ b/src/Explorer/QueryCopilot/Modal/WelcomeModal.tsx
@@ -18,7 +18,16 @@ export const WelcomeModal = ({ visible }: { visible: boolean }): JSX.Element =>
 
   return (
     <>
-      <Modal isOpen={isModalVisible} onDismiss={hideModal} isBlocking={false}>
+      <Modal
+        isOpen={isModalVisible}
+        onDismiss={hideModal}
+        isBlocking={false}
+        styles={{
+          scrollableContent: {
+            minHeight: 680,
+          },
+        }}
+      >
         <Stack className="modalContentPadding">
           <Stack horizontal>
             <Stack horizontal grow={4} horizontalAlign="end">
diff --git a/src/Explorer/QueryCopilot/Modal/__snapshots__/WelcomeModal.test.tsx.snap b/src/Explorer/QueryCopilot/Modal/__snapshots__/WelcomeModal.test.tsx.snap
index a37e333c7..189fd7a2d 100644
--- a/src/Explorer/QueryCopilot/Modal/__snapshots__/WelcomeModal.test.tsx.snap
+++ b/src/Explorer/QueryCopilot/Modal/__snapshots__/WelcomeModal.test.tsx.snap
@@ -6,6 +6,13 @@ exports[`Query Copilot Welcome Modal snapshot test should render when isOpen is
     isBlocking={false}
     isOpen={true}
     onDismiss={[Function]}
+    styles={
+      Object {
+        "scrollableContent": Object {
+          "minHeight": 680,
+        },
+      }
+    }
   >
     <Stack
       className="modalContentPadding"