diff --git a/apps/web/components/login.tsx b/apps/web/components/login.tsx
index 4237ab2b8..2d5856eee 100644
--- a/apps/web/components/login.tsx
+++ b/apps/web/components/login.tsx
@@ -135,6 +135,7 @@ export default function Login() {
 
               <div>
                 <Button
+                  type="submit"
                   disabled={formState.isSubmitting}
                   className="group relative flex w-full"
                 >
diff --git a/apps/web/components/signup.tsx b/apps/web/components/signup.tsx
index a3b99c851..83f19f128 100644
--- a/apps/web/components/signup.tsx
+++ b/apps/web/components/signup.tsx
@@ -182,6 +182,7 @@ export default function Signup() {
               </div>
 
               <Button
+                type="submit"
                 onClick={() => {
                   methods.clearErrors();
                 }}
diff --git a/packages/ui/components/button/Button.tsx b/packages/ui/components/button/Button.tsx
index 460341788..d695049e3 100644
--- a/packages/ui/components/button/Button.tsx
+++ b/packages/ui/components/button/Button.tsx
@@ -35,7 +35,7 @@ export function Button(props: any) {
   ) : (
     <button
       id={props.id}
-      type="button"
+      type={props.type || "button"}
       className={classNames(
         baseStyles,
         color === "primary" ? primaryStyles : secondaryStyles,