fix(clerk-js): PlanCard whitespace when ctaPostion is top (#5885)

alexcarpenter · web-flow · commit a92f8fe347b8 · 2025-05-09T07:40:17.000-07:00
diff --git a/.changeset/ten-forks-shout.md b/.changeset/ten-forks-shout.md
@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': patch
+---
+
+Removes white space from PlanCard when the ctaPosition is top and there are no features
diff --git a/packages/clerk-js/src/ui/components/PricingTable/PricingTableDefault.tsx b/packages/clerk-js/src/ui/components/PricingTable/PricingTableDefault.tsx
@@ -193,7 +193,7 @@ function Card(props: CardProps) {
           gap: 0,
         }}
       >
-        {!collapseFeatures ? (
+        {(ctaPosition === 'bottom' && !collapseFeatures) || (ctaPosition === 'top' && hasFeatures) ? (
           <Box
             elementDescriptor={descriptors.pricingTableCardFeatures}
             sx={t => ({

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'@clerk/clerk-js': patch
 +---
++
 +Removes white space from PlanCard when the ctaPosition is top and there are no features
Original file line number	Diff line number	Diff line change
`@@ -193,7 +193,7 @@ function Card(props: CardProps) {`
`193`	`193`	`gap: 0,`
`194`	`194`	`}}`
`195`	`195`	`>`
`196`		`- {!collapseFeatures ? (`
	`196`	`+ {(ctaPosition === 'bottom' && !collapseFeatures) \|\| (ctaPosition === 'top' && hasFeatures) ? (`
`197`	`197`	`<Box`
`198`	`198`	`elementDescriptor={descriptors.pricingTableCardFeatures}`
`199`	`199`	`sx={t => ({`