From 7bfa07be4fc4278ed121fe1065464a3ce274fa2b Mon Sep 17 00:00:00 2001
From: Alex Carpenter <alex.carpenter@clerk.dev>
Date: Tue, 21 Oct 2025 15:59:15 -0400
Subject: [PATCH 1/2] fix(clerk-js): Collapse sections after uploading/removing
 avatars

---
 .../src/ui/components/OrganizationProfile/ProfileForm.tsx       | 2 ++
 packages/clerk-js/src/ui/components/UserProfile/ProfileForm.tsx | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/packages/clerk-js/src/ui/components/OrganizationProfile/ProfileForm.tsx b/packages/clerk-js/src/ui/components/OrganizationProfile/ProfileForm.tsx
index 03f94ae7bf1..a6db3d62456 100644
--- a/packages/clerk-js/src/ui/components/OrganizationProfile/ProfileForm.tsx
+++ b/packages/clerk-js/src/ui/components/OrganizationProfile/ProfileForm.tsx
@@ -63,6 +63,7 @@ export const ProfileForm = withCardStateProvider((props: ProfileFormProps) => {
       .setLogo({ file })
       .then(() => {
         card.setIdle();
+        onSuccess?.();
       })
       .catch(err => handleError(err, [], card.setError));
   };
@@ -72,6 +73,7 @@ export const ProfileForm = withCardStateProvider((props: ProfileFormProps) => {
       .setLogo({ file: null })
       .then(() => {
         card.setIdle();
+        onSuccess?.();
       })
       .catch(err => handleError(err, [], card.setError));
   };
diff --git a/packages/clerk-js/src/ui/components/UserProfile/ProfileForm.tsx b/packages/clerk-js/src/ui/components/UserProfile/ProfileForm.tsx
index 6d5d649eed9..245a8f94d20 100644
--- a/packages/clerk-js/src/ui/components/UserProfile/ProfileForm.tsx
+++ b/packages/clerk-js/src/ui/components/UserProfile/ProfileForm.tsx
@@ -74,6 +74,7 @@ export const ProfileForm = withCardStateProvider((props: ProfileFormProps) => {
       .setProfileImage({ file })
       .then(() => {
         card.setIdle();
+        onSuccess?.();
       })
       .catch(err => handleError(err, [], card.setError));
   };
@@ -83,6 +84,7 @@ export const ProfileForm = withCardStateProvider((props: ProfileFormProps) => {
       .setProfileImage({ file: null })
       .then(() => {
         card.setIdle();
+        onSuccess?.();
       })
       .catch(err => handleError(err, [], card.setError));
   };

From 5d826fef8126f4f6379e049e05bee4089a1fa262 Mon Sep 17 00:00:00 2001
From: Alex Carpenter <alex.carpenter@clerk.dev>
Date: Tue, 21 Oct 2025 16:03:49 -0400
Subject: [PATCH 2/2] add changest

---
 .changeset/three-zebras-boil.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/three-zebras-boil.md

diff --git a/.changeset/three-zebras-boil.md b/.changeset/three-zebras-boil.md
new file mode 100644
index 00000000000..1f334e42fde
--- /dev/null
+++ b/.changeset/three-zebras-boil.md
@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': patch
+---
+
+Improve avatar upload and removal UX to auto collapse the profile section upon successful save.