diff --git a/apps/web/src/app/auth/recover-two-factor.component.ts b/apps/web/src/app/auth/recover-two-factor.component.ts
index 4996dbe0a50..28296aa89d5 100644
--- a/apps/web/src/app/auth/recover-two-factor.component.ts
+++ b/apps/web/src/app/auth/recover-two-factor.component.ts
@@ -42,6 +42,11 @@ export class RecoverTwoFactorComponent {
   }
 
   submit = async () => {
+    this.formGroup.markAllAsTouched();
+    if (this.formGroup.invalid) {
+      return;
+    }
+
     const request = new TwoFactorRecoveryRequest();
     request.recoveryCode = this.recoveryCode.replace(/\s/g, "").toLowerCase();
     request.email = this.email.trim().toLowerCase();