diff --git a/.changeset/kind-peaches-notice.md b/.changeset/kind-peaches-notice.md
new file mode 100644
index 00000000000..b86ae7f0435
--- /dev/null
+++ b/.changeset/kind-peaches-notice.md
@@ -0,0 +1,5 @@
+---
+'@clerk/ui': patch
+---
+
+Improve spacing for `CreateOrganization` and `OrganizationList`
diff --git a/packages/ui/src/components/CreateOrganization/CreateOrganizationForm.tsx b/packages/ui/src/components/CreateOrganization/CreateOrganizationForm.tsx
index df71448620f..8cc715f8b9a 100644
--- a/packages/ui/src/components/CreateOrganization/CreateOrganizationForm.tsx
+++ b/packages/ui/src/components/CreateOrganization/CreateOrganizationForm.tsx
@@ -224,7 +224,7 @@ export const CreateOrganizationForm = withCardStateProvider((props: CreateOrgani
         headerTitle={localizationKeys('organizationProfile.invitePage.title')}
         headerTitleTextVariant={headerTitleTextVariant}
         headerSubtitleTextVariant={headerSubtitleTextVariant}
-        sx={t => ({ minHeight: t.sizes.$60, textAlign: 'start' })}
+        sx={() => ({ textAlign: 'start' })}
       >
         {organization && (
           <InviteMembersForm
@@ -244,7 +244,6 @@ export const CreateOrganizationForm = withCardStateProvider((props: CreateOrgani
         </Header.Root>
         <SuccessPage
           contents={<InvitationsSentMessage />}
-          sx={t => ({ minHeight: t.sizes.$60 })}
           onFinish={completeFlow}
         />
       </Col>
diff --git a/packages/ui/src/components/CreateOrganization/CreateOrganizationPage.tsx b/packages/ui/src/components/CreateOrganization/CreateOrganizationPage.tsx
index a27e66ba87f..919537b9b37 100644
--- a/packages/ui/src/components/CreateOrganization/CreateOrganizationPage.tsx
+++ b/packages/ui/src/components/CreateOrganization/CreateOrganizationPage.tsx
@@ -5,7 +5,6 @@ import { useCardState, withCardStateProvider } from '@/ui/elements/contexts';
 
 import { useCreateOrganizationContext } from '../../contexts';
 import { localizationKeys } from '../../customizables';
-import { useDevMode } from '../../hooks/useDevMode';
 import { CreateOrganizationForm } from './CreateOrganizationForm';
 
 export const CreateOrganizationPage = withCardStateProvider(() => {
@@ -13,13 +12,12 @@ export const CreateOrganizationPage = withCardStateProvider(() => {
 
   const { mode, navigateAfterCreateOrganization, skipInvitationScreen } = useCreateOrganizationContext();
   const card = useCardState();
-  const { showDevModeNotice } = useDevMode();
 
   return (
     <Card.Root sx={t => ({ width: t.sizes.$108 })}>
       <Card.Content
         sx={t => ({
-          padding: `${t.space.$4} ${t.space.$5} ${showDevModeNotice ? t.space.$12 : t.space.$6}`,
+          padding: `${t.space.$4} ${t.space.$5}`,
         })}
       >
         <Card.Alert>{card.error}</Card.Alert>
diff --git a/packages/ui/src/components/OrganizationList/OrganizationListPage.tsx b/packages/ui/src/components/OrganizationList/OrganizationListPage.tsx
index 1b745d75545..0cf798a309b 100644
--- a/packages/ui/src/components/OrganizationList/OrganizationListPage.tsx
+++ b/packages/ui/src/components/OrganizationList/OrganizationListPage.tsx
@@ -49,7 +49,7 @@ export const OrganizationListPage = withCardStateProvider(() => {
 
   return (
     <Card.Root>
-      <Card.Content sx={t => ({ padding: `${t.space.$8} ${t.space.$none} ${t.space.$none}` })}>
+      <Card.Content sx={t => ({ padding: `${t.space.$4} ${t.space.$none} ${t.space.$none}` })}>
         {isLoading && (
           <Flex
             direction={'row'}