From 4373d08299cfc8927418960b5cb056f49fb1fd5d Mon Sep 17 00:00:00 2001
From: Stefanos Anagnostou <anagstef@users.noreply.github.com>
Date: Tue, 13 Feb 2024 13:04:05 +0200
Subject: [PATCH] fix(clerk-js): Fix border issue for invitation previews in
 OrganizationList (#2789)

---
 .changeset/six-walls-fry.md                                  | 2 ++
 .../clerk-js/src/ui/components/OrganizationList/shared.tsx   | 5 +++--
 2 files changed, 5 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/six-walls-fry.md

diff --git a/.changeset/six-walls-fry.md b/.changeset/six-walls-fry.md
new file mode 100644
index 00000000000..a845151cc84
--- /dev/null
+++ b/.changeset/six-walls-fry.md
@@ -0,0 +1,2 @@
+---
+---
diff --git a/packages/clerk-js/src/ui/components/OrganizationList/shared.tsx b/packages/clerk-js/src/ui/components/OrganizationList/shared.tsx
index 321c403e46f..f2955b2aa61 100644
--- a/packages/clerk-js/src/ui/components/OrganizationList/shared.tsx
+++ b/packages/clerk-js/src/ui/components/OrganizationList/shared.tsx
@@ -45,10 +45,11 @@ export const PreviewListItem = (
       align='center'
       gap={2}
       sx={[
-        {
+        t => ({
           minHeight: 'unset',
           justifyContent: 'space-between',
-        },
+          borderTop: `${t.borders.$normal} ${t.colors.$neutralAlpha100}`,
+        }),
         sharedStyles,
       ]}
       elementDescriptor={descriptors.organizationListPreviewItem}