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
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%' }}>