diff --git a/.changeset/green-spies-shave.md b/.changeset/green-spies-shave.md
new file mode 100644
index 00000000000..f06f8557428
--- /dev/null
+++ b/.changeset/green-spies-shave.md
@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': patch
+---
+
+Fix badge misalignment on members list when title is empty
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>