Fit content to modal (#1632)

* Fit content to modal

* update test snap

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">

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"