diff --git a/web/components/onboarding/user-details.tsx b/web/components/onboarding/user-details.tsx index ac4a3c198..cd129c74c 100644 --- a/web/components/onboarding/user-details.tsx +++ b/web/components/onboarding/user-details.tsx @@ -190,6 +190,7 @@ export const UserDetails: React.FC = observer((props) => { hasError={Boolean(errors.first_name)} placeholder="Enter your full name..." className="w-full border-onboarding-border-100 focus:border-custom-primary-100" + maxLength={24} /> )} /> diff --git a/web/pages/profile/index.tsx b/web/pages/profile/index.tsx index e967df828..bdde41d08 100644 --- a/web/pages/profile/index.tsx +++ b/web/pages/profile/index.tsx @@ -250,6 +250,7 @@ const ProfileSettingsPage: NextPageWithLayout = observer(() => { hasError={Boolean(errors.first_name)} placeholder="Enter your first name" className={`w-full rounded-md ${errors.first_name ? "border-red-500" : ""}`} + maxLength={24} /> )} /> @@ -273,6 +274,7 @@ const ProfileSettingsPage: NextPageWithLayout = observer(() => { hasError={Boolean(errors.last_name)} placeholder="Enter your last name" className="w-full rounded-md" + maxLength={24} /> )} /> @@ -369,6 +371,7 @@ const ProfileSettingsPage: NextPageWithLayout = observer(() => { hasError={Boolean(errors.display_name)} placeholder="Enter your display name" className={`w-full ${errors.display_name ? "border-red-500" : ""}`} + maxLength={24} /> )} />