From 70eda187a34c1b17afa9a6391b22ec2009791cec Mon Sep 17 00:00:00 2001
From: Maina Wycliffe <wmmaina7@gmail.com>
Date: Fri, 27 Oct 2023 21:49:10 +0300
Subject: [PATCH] fix: fix scroll issues for the connection form

---
 src/components/Connections/ConnectionForm.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/components/Connections/ConnectionForm.tsx b/src/components/Connections/ConnectionForm.tsx
index 5d8cc414f..b5e5db95a 100644
--- a/src/components/Connections/ConnectionForm.tsx
+++ b/src/components/Connections/ConnectionForm.tsx
@@ -191,13 +191,12 @@ export default function ConnectionForm({
           });
         }}
       >
-        <Form>
+        <Form className="flex flex-col flex-1 overflow-y-auto">
           <div
             className={clsx(
-              "flex flex-col h-full my-2 overflow-y-auto",
+              "flex flex-col flex-1 my-2 overflow-y-auto",
               className
             )}
-            style={{ maxHeight: "calc(65vh)" }}
             {...props}
           >
             <div className={clsx("flex flex-col px-2 mb-2")}>
@@ -280,7 +279,7 @@ export default function ConnectionForm({
         title={
           connectionType ? (
             <div
-              className="flex flex-row items-center space-x-2"
+              className="flex flex-row items-center gap-2 overflow-y-auto"
               key={connectionType.title}
             >
               {typeof connectionType?.icon === "string" ? (