diff --git a/.changeset/clever-peaches-attend.md b/.changeset/clever-peaches-attend.md new file mode 100644 index 00000000000..d7310c21afc --- /dev/null +++ b/.changeset/clever-peaches-attend.md @@ -0,0 +1,5 @@ +--- +'@clerk/ui': patch +--- + +Fix org invitation and request action descriptions alignment. diff --git a/packages/ui/src/components/OrganizationProfile/OrganizationMembersTabInvitations.tsx b/packages/ui/src/components/OrganizationProfile/OrganizationMembersTabInvitations.tsx index 5857aa1943d..4055c4934fb 100644 --- a/packages/ui/src/components/OrganizationProfile/OrganizationMembersTabInvitations.tsx +++ b/packages/ui/src/components/OrganizationProfile/OrganizationMembersTabInvitations.tsx @@ -68,7 +68,7 @@ export const OrganizationMembersTabInvitations = withCardStateProvider(() => { 'organizationProfile.membersPage.invitationsTab.autoInvitations.headerSubtitle', )} sx={t => ({ - paddingInlineStart: t.space.$10, + paddingInlineStart: t.space.$8x5, color: t.colors.$colorMutedForeground, [mqu.md]: { paddingInlineStart: 0, diff --git a/packages/ui/src/components/OrganizationProfile/OrganizationMembersTabRequests.tsx b/packages/ui/src/components/OrganizationProfile/OrganizationMembersTabRequests.tsx index ca0c9e5302b..331df0b70c8 100644 --- a/packages/ui/src/components/OrganizationProfile/OrganizationMembersTabRequests.tsx +++ b/packages/ui/src/components/OrganizationProfile/OrganizationMembersTabRequests.tsx @@ -67,7 +67,7 @@ export const OrganizationMembersTabRequests = () => { 'organizationProfile.membersPage.requestsTab.autoSuggestions.headerSubtitle', )} sx={t => ({ - paddingInlineStart: t.space.$10, + paddingInlineStart: t.space.$8x5, color: t.colors.$colorMutedForeground, [mqu.md]: { paddingInlineStart: 0,