diff --git a/web/hooks/use-editable-user-info.ts b/web/hooks/use-editable-user-info.ts
index 6a8634b6..64552994 100644
--- a/web/hooks/use-editable-user-info.ts
+++ b/web/hooks/use-editable-user-info.ts
@@ -57,7 +57,7 @@ export const useEditableUserInfo = (user: User) => {
     let success = true
     try {
       await updateUser({username: newUsername})
-      updateUserState({errorUsername: ''})
+      updateUserState({errorUsername: '', username: newUsername})
       user.username = newUsername
     } catch (reason) {
       updateUserState({errorUsername: (reason as APIError).message})