diff --git a/packages/client/src/app.tsx b/packages/client/src/app.tsx
index dfeb824..088aabd 100644
--- a/packages/client/src/app.tsx
+++ b/packages/client/src/app.tsx
@@ -26,9 +26,10 @@ const Profile = () => {
 					Name:{" "}
 					<input
 						value={profile()?.data?.name ?? ""}
-						onChange={(e) =>
-							api.setName.post({ name: e.target.value })
-						}
+						onChange={(e) => {
+							dialogRef.close();
+							void api.setName.post({ name: e.target.value });
+						}}
 						class="bg-emerald-200 border-1.5 rounded-full px-4"
 					/>
 				</div>