diff --git a/apps/web/src/app/auth/settings/security/change-kdf/change-kdf-confirmation.component.ts b/apps/web/src/app/auth/settings/security/change-kdf/change-kdf-confirmation.component.ts
index 6f57fb76eee..0c754e262e1 100644
--- a/apps/web/src/app/auth/settings/security/change-kdf/change-kdf-confirmation.component.ts
+++ b/apps/web/src/app/auth/settings/security/change-kdf/change-kdf-confirmation.component.ts
@@ -41,6 +41,9 @@ export class ChangeKdfConfirmationComponent {
   }
 
   submit = async () => {
+    if (this.form.invalid) {
+      return;
+    }
     this.loading = true;
     await this.makeKeyAndSaveAsync();
     this.platformUtilsService.showToast(