From 1802aa8153e74450b802eb14dd59e6a9752857df Mon Sep 17 00:00:00 2001
From: Vaggelis Yfantis <me@octoper.me>
Date: Fri, 1 Mar 2024 14:38:00 +0200
Subject: [PATCH 1/3] fix(clerk-js): Render preview title wrapper element only
 when it's not empty

---
 .../clerk-js/src/ui/elements/UserPreview.tsx   | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/packages/clerk-js/src/ui/elements/UserPreview.tsx b/packages/clerk-js/src/ui/elements/UserPreview.tsx
index b47e43f2bbb..b1c516d1fc0 100644
--- a/packages/clerk-js/src/ui/elements/UserPreview.tsx
+++ b/packages/clerk-js/src/ui/elements/UserPreview.tsx
@@ -78,6 +78,8 @@ export const UserPreview = (props: UserPreviewProps) => {
   const mainIdentifierSize =
     mainIdentifierVariant || ({ xs: 'subtitle', sm: 'caption', md: 'subtitle', lg: 'h1' } as const)[size];
 
+  const previewTitle = localizedTitle || name || identifier;
+
   return (
     <Flex
       elementDescriptor={descriptors.userPreview}
@@ -143,13 +145,15 @@ export const UserPreview = (props: UserPreviewProps) => {
           variant={mainIdentifierSize}
           sx={[theme => ({ display: 'flex', gap: theme.sizes.$1, alignItems: 'center' }), mainIdentifierSx]}
         >
-          <Text
-            as='span'
-            truncate
-            sx={{ fontWeight: 'inherit' }}
-          >
-            {localizedTitle || name || identifier}
-          </Text>
+          {previewTitle && (
+            <Text
+              as='span'
+              truncate
+              sx={{ fontWeight: 'inherit' }}
+            >
+              {previewTitle}
+            </Text>
+          )}
 
           {badge}
         </Text>

From 465f2e46ef7109cb1b2f0ed5cacf6d7568ff71c1 Mon Sep 17 00:00:00 2001
From: Vaggelis Yfantis <me@octoper.me>
Date: Fri, 1 Mar 2024 14:38:30 +0200
Subject: [PATCH 2/3] chore(repo): Add Changeset

---
 .changeset/green-spies-shave.md | 2 ++
 1 file changed, 2 insertions(+)
 create mode 100644 .changeset/green-spies-shave.md

diff --git a/.changeset/green-spies-shave.md b/.changeset/green-spies-shave.md
new file mode 100644
index 00000000000..a845151cc84
--- /dev/null
+++ b/.changeset/green-spies-shave.md
@@ -0,0 +1,2 @@
+---
+---

From a1c502f1ef20fbcd9524c68d4cf02a1365479d7a Mon Sep 17 00:00:00 2001
From: Vaggelis Yfantis <me@octoper.me>
Date: Fri, 1 Mar 2024 15:20:16 +0200
Subject: [PATCH 3/3] chore(repo): Update green-spies-shave.md

---
 .changeset/green-spies-shave.md | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/.changeset/green-spies-shave.md b/.changeset/green-spies-shave.md
index a845151cc84..f06f8557428 100644
--- a/.changeset/green-spies-shave.md
+++ b/.changeset/green-spies-shave.md
@@ -1,2 +1,5 @@
 ---
+'@clerk/clerk-js': patch
 ---
+
+Fix badge misalignment on members list when title is empty