From 510a9cad9ae4f3325dd99c3856c8f258dfe3fccf Mon Sep 17 00:00:00 2001
From: Vaggelis Yfantis <me@octoper.me>
Date: Tue, 6 May 2025 20:16:40 +0300
Subject: [PATCH 1/2] chore(clerk-js): Add gap between no-permissions notice
 and pricing table

---
 .../OrganizationProfile/OrganizationBillingPage.tsx        | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/clerk-js/src/ui/components/OrganizationProfile/OrganizationBillingPage.tsx b/packages/clerk-js/src/ui/components/OrganizationProfile/OrganizationBillingPage.tsx
index 3e5d8a0d5f0..c83377ec70e 100644
--- a/packages/clerk-js/src/ui/components/OrganizationProfile/OrganizationBillingPage.tsx
+++ b/packages/clerk-js/src/ui/components/OrganizationProfile/OrganizationBillingPage.tsx
@@ -121,7 +121,10 @@ const OrganizationBillingPageInternal = withCardStateProvider(() => {
                   </Protect>
                 </Flex>
               ) : (
-                <>
+                <Flex
+                  sx={{ width: '100%', flexDirection: 'column' }}
+                  gap={4}
+                >
                   <Protect condition={has => !has({ permission: 'org:sys_billing:manage' })}>
                     <Alert
                       variant='info'
@@ -132,7 +135,7 @@ const OrganizationBillingPageInternal = withCardStateProvider(() => {
                   <PricingTableContext.Provider value={{ componentName: 'PricingTable', mode: 'modal' }}>
                     <PricingTable />
                   </PricingTableContext.Provider>
-                </>
+                </Flex>
               )}
             </TabPanel>
             <TabPanel sx={{ width: '100%' }}>

From 3abdbbb935c5f1d872c0bdeffa4e1d637114dc5b Mon Sep 17 00:00:00 2001
From: Vaggelis Yfantis <me@octoper.me>
Date: Tue, 6 May 2025 20:23:27 +0300
Subject: [PATCH 2/2] chore(repo): Add changeset

---
 .changeset/fuzzy-hotels-lay.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/fuzzy-hotels-lay.md

diff --git a/.changeset/fuzzy-hotels-lay.md b/.changeset/fuzzy-hotels-lay.md
new file mode 100644
index 00000000000..2d4b6b1a6d8
--- /dev/null
+++ b/.changeset/fuzzy-hotels-lay.md
@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': patch
+---
+
+Added a gap between no-permissions notice and pricing table in `<OrganizationProfile/>` billing page