diff --git a/components/form/Form.tsx b/components/form/Form.tsx
index 6298ad4..98ac99b 100644
--- a/components/form/Form.tsx
+++ b/components/form/Form.tsx
@@ -343,7 +343,10 @@ export const Form: React.FC<any> = ({
       ) : (
         <>
           <form
-            className="flex flex-col "
+            className={cx(
+              "flex flex-col ",
+              typeof onFooter === "function" ? "" : "flex-grow"
+            )}
             onSubmit={(e) => {
               e.preventDefault();
               local.submit();
@@ -374,7 +377,7 @@ export const Form: React.FC<any> = ({
               {onFooter(local)}
             </div>
           ) : (
-            <div className="flex flex-grow flex-col"></div>
+            <></>
           )}
         </>
       )}
diff --git a/components/form/FormBetter.tsx b/components/form/FormBetter.tsx
index 47e4812..ae80d97 100644
--- a/components/form/FormBetter.tsx
+++ b/components/form/FormBetter.tsx
@@ -30,7 +30,7 @@ export const FormBetter: React.FC<any> = ({
         <></>
       )}
       <div className="w-full flex-grow flex flex-row rounded-lg">
-        <div className="w-full flex flex-row flex-grow bg-white rounded-lg border border-gray-300 relative">
+        <div className="w-full flex flex-row flex-grow bg-white rounded-lg border border-gray-300 relative ">
           <ScrollArea className="flex-grow">
             <Form
               {...{