diff --git a/packages/frontend/src/components/login-form.tsx b/packages/frontend/src/components/login-form.tsx
index a45ee96..02af25c 100644
--- a/packages/frontend/src/components/login-form.tsx
+++ b/packages/frontend/src/components/login-form.tsx
@@ -1,5 +1,6 @@
 /** biome-ignore-all lint/correctness/useExhaustiveDependencies: <> */
 
+import { USER_NAME_MAX_LENGTH, USER_USERNAME_MAX_LENGTH } from "@issue/shared";
 import { AlertTriangle, X } from "lucide-react";
 import { useEffect, useState } from "react";
 import { useNavigate, useSearchParams } from "react-router-dom";
@@ -246,6 +247,7 @@ export default function LogInForm() {
                                         validate={(v) => (v.trim() === "" ? "Cannot be empty" : undefined)}
                                         submitAttempted={submitAttempted}
                                         spellcheck={false}
+                                        maxLength={USER_NAME_MAX_LENGTH}
                                     />
                                 </>
                             )}
@@ -256,6 +258,8 @@ export default function LogInForm() {
                                 validate={(v) => (v.trim() === "" ? "Cannot be empty" : undefined)}
                                 submitAttempted={submitAttempted}
                                 spellcheck={false}
+                                maxLength={USER_USERNAME_MAX_LENGTH}
+                                showCounter={mode === "register"}
                             />
                             <Field
                                 label="Password"
diff --git a/packages/shared/src/constants.ts b/packages/shared/src/constants.ts
index 9385fe9..6fc733b 100644
--- a/packages/shared/src/constants.ts
+++ b/packages/shared/src/constants.ts
@@ -1,3 +1,6 @@
+export const USER_NAME_MAX_LENGTH = 64;
+export const USER_USERNAME_MAX_LENGTH = 32;
+
 export const ORG_NAME_MAX_LENGTH = 256;
 export const ORG_DESCRIPTION_MAX_LENGTH = 1024;
 export const ORG_SLUG_MAX_LENGTH = 64;
diff --git a/packages/shared/src/index.ts b/packages/shared/src/index.ts
index 0ee34f2..b631397 100644
--- a/packages/shared/src/index.ts
+++ b/packages/shared/src/index.ts
@@ -8,6 +8,8 @@ export {
     PROJECT_DESCRIPTION_MAX_LENGTH,
     PROJECT_NAME_MAX_LENGTH,
     PROJECT_SLUG_MAX_LENGTH,
+    USER_NAME_MAX_LENGTH,
+    USER_USERNAME_MAX_LENGTH,
 } from "./constants";
 
 export type {
diff --git a/packages/shared/src/schema.ts b/packages/shared/src/schema.ts
index fc26926..89e7d57 100644
--- a/packages/shared/src/schema.ts
+++ b/packages/shared/src/schema.ts
@@ -9,12 +9,14 @@ import {
     ORG_NAME_MAX_LENGTH,
     ORG_SLUG_MAX_LENGTH,
     PROJECT_NAME_MAX_LENGTH,
+    USER_NAME_MAX_LENGTH,
+    USER_USERNAME_MAX_LENGTH,
 } from "./constants";
 
 export const User = pgTable("User", {
     id: integer().primaryKey().generatedAlwaysAsIdentity(),
-    name: varchar({ length: 256 }).notNull(),
-    username: varchar({ length: 32 }).notNull().unique(),
+    name: varchar({ length: USER_NAME_MAX_LENGTH }).notNull(),
+    username: varchar({ length: USER_USERNAME_MAX_LENGTH }).notNull().unique(),
     passwordHash: varchar({ length: 255 }).notNull(),
     avatarURL: varchar({ length: 512 }),
     createdAt: timestamp({ withTimezone: false }).defaultNow(),