Updates

components/form/Form.tsx

@@ -1,6 +1,10 @@
 import { DetailedHTMLProps, FormHTMLAttributes } from "react";
 import { twMerge } from "tailwind-merge";
 
+/**
+ * # Form Element
+ * @className twui-form
+ */
 export default function Form({
     ...props
 }: DetailedHTMLProps<FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>) {
@@ -8,10 +12,12 @@ export default function Form({
         <form
             {...props}
             className={twMerge(
-                "flex flex-col items-start gap-4 w-full",
+                "flex flex-col items-stretch gap-2 w-full bg-transparent",
                 "twui-form",
                 props.className
             )}
-        ></form>
+        >
+            {props.children}
+        </form>
     );
 }