diff --git a/apps/web/src/app/billing/members/add-sponsorship-dialog.component.html b/apps/web/src/app/billing/members/add-sponsorship-dialog.component.html
index 405211d6ecb..5bcfe9a15e1 100644
--- a/apps/web/src/app/billing/members/add-sponsorship-dialog.component.html
+++ b/apps/web/src/app/billing/members/add-sponsorship-dialog.component.html
@@ -7,7 +7,7 @@
- {{ "email" | i18n }}:
+ {{ "email" | i18n }}
- {{ "notes" | i18n }}:
+ {{ "notes" | i18n }}
diff --git a/apps/web/src/app/billing/members/add-sponsorship-dialog.component.ts b/apps/web/src/app/billing/members/add-sponsorship-dialog.component.ts
index 1b044e66257..7e6c0d464c3 100644
--- a/apps/web/src/app/billing/members/add-sponsorship-dialog.component.ts
+++ b/apps/web/src/app/billing/members/add-sponsorship-dialog.component.ts
@@ -74,7 +74,9 @@ export class AddSponsorshipDialogComponent {
asyncValidators: [this.isOrganizationMember.bind(this)],
updateOn: "change",
}),
- sponsorshipNote: new FormControl("", {}),
+ sponsorshipNote: new FormControl("", {
+ validators: [Validators.maxLength(1000)],
+ }),
});
}
@@ -86,6 +88,8 @@ export class AddSponsorshipDialogComponent {
}
protected async save() {
+ this.sponsorshipEmailControl.markAllAsTouched();
+
if (this.sponsorshipForm.invalid) {
return;
}