From c60d78314ae0ffe27c811c6bcb5aba1ef3f91f2a Mon Sep 17 00:00:00 2001 From: Alex Carpenter Date: Mon, 13 Jul 2026 15:28:59 -0400 Subject: [PATCH 1/2] fix(ui): Update org switcher avatar alignment and radii --- .../OrganizationSwitcher/OrganizationSwitcherTrigger.tsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/ui/src/components/OrganizationSwitcher/OrganizationSwitcherTrigger.tsx b/packages/ui/src/components/OrganizationSwitcher/OrganizationSwitcherTrigger.tsx index efad1c0b34e..4764fd99511 100644 --- a/packages/ui/src/components/OrganizationSwitcher/OrganizationSwitcherTrigger.tsx +++ b/packages/ui/src/components/OrganizationSwitcher/OrganizationSwitcherTrigger.tsx @@ -41,7 +41,7 @@ export const OrganizationSwitcherTrigger = withAvatarShimmer( focusRing={false} sx={[ t => ({ - padding: `${t.space.$1} ${t.space.$2}`, + padding: `${t.space.$1} ${t.space.$2} ${t.space.$1} ${t.space.$1}`, position: 'relative', '&[aria-expanded="true"]': { backgroundColor: 'var(--alpha)', @@ -62,6 +62,7 @@ export const OrganizationSwitcherTrigger = withAvatarShimmer( gap={3} size='xs' organization={organization} + avatarSx={t => ({ borderRadius: t.radii.$sm })} sx={{ maxWidth: '30ch' }} /> )} From 5839078440df0f863cda740ad03887fcddde0766 Mon Sep 17 00:00:00 2001 From: Alex Carpenter Date: Mon, 13 Jul 2026 15:36:57 -0400 Subject: [PATCH 2/2] add changeset --- .changeset/org-switcher-trigger-avatar-radius.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/org-switcher-trigger-avatar-radius.md diff --git a/.changeset/org-switcher-trigger-avatar-radius.md b/.changeset/org-switcher-trigger-avatar-radius.md new file mode 100644 index 00000000000..6f181cf3999 --- /dev/null +++ b/.changeset/org-switcher-trigger-avatar-radius.md @@ -0,0 +1,5 @@ +--- +'@clerk/ui': patch +--- + +Reduce the organization avatar's border radius in the `OrganizationSwitcher` trigger so it stays proportional at the smaller trigger size.