diff --git a/src/pages/ProjectDetailPage.tsx b/src/pages/ProjectDetailPage.tsx
index 4fa3a42..e32818d 100644
--- a/src/pages/ProjectDetailPage.tsx
+++ b/src/pages/ProjectDetailPage.tsx
@@ -37,6 +37,7 @@ export default function ProjectDetailPage() {
     api.get<Project[]>('/projects').then(({ data }) => setAllProjects(data))
     api.get('/users').then(r => setUsers(r.data)).catch(() => {})
     api.get('/roles').then(r => setRoles(r.data)).catch(() => {})
+    api.get('/users').then(r => setUsers(r.data)).catch(() => {})
   }, [id])
 
   const handleMulti = (e: React.ChangeEvent<HTMLSelectElement>, field: 'sub_projects' | 'related_projects') => {
@@ -91,7 +92,9 @@ export default function ProjectDetailPage() {
           <form className="inline-form" onSubmit={updateProject}>
             <div style={{ fontWeight: 600 }}>{project.name}</div>
             {project.project_code && <span className="badge">{project.project_code}</span>}
-            <input value={editForm.owner} onChange={(e) => setEditForm({ ...editForm, owner: e.target.value })} placeholder="Owner" required />
+            <select value={editForm.owner} onChange={(e) => setEditForm({ ...editForm, owner: e.target.value })}>
+              {users.map((u: any) => <option key={u.id} value={u.username}>{u.username} ({u.full_name})</option>)}
+            </select>
             <input value={editForm.description} onChange={(e) => setEditForm({ ...editForm, description: e.target.value })} placeholder="Description" />
             <label>Sub-projects
               <select multiple value={editForm.sub_projects} onChange={(e) => handleMulti(e, 'sub_projects')}>