From e488e1991b21a82ba0aa800a51e03d731865ec08 Mon Sep 17 00:00:00 2001
From: Alex Carpenter <alex.carpenter@clerk.dev>
Date: Tue, 29 Apr 2025 11:21:46 -0400
Subject: [PATCH 1/2] fix(clerk-js): Reset ul list styling within pricing table
 and plan details

---
 packages/clerk-js/src/ui/components/Plans/PlanDetails.tsx     | 1 +
 .../src/ui/components/PricingTable/PricingTableDefault.tsx    | 4 ++++
 2 files changed, 5 insertions(+)

diff --git a/packages/clerk-js/src/ui/components/Plans/PlanDetails.tsx b/packages/clerk-js/src/ui/components/Plans/PlanDetails.tsx
index 4844ab05756..9218e73d2f2 100644
--- a/packages/clerk-js/src/ui/components/Plans/PlanDetails.tsx
+++ b/packages/clerk-js/src/ui/components/Plans/PlanDetails.tsx
@@ -151,6 +151,7 @@ const _PlanDetails = ({
               display: 'grid',
               rowGap: t.space.$6,
               padding: t.space.$4,
+              margin: 0,
             })}
           >
             {features.map(feature => (
diff --git a/packages/clerk-js/src/ui/components/PricingTable/PricingTableDefault.tsx b/packages/clerk-js/src/ui/components/PricingTable/PricingTableDefault.tsx
index c34d397a251..83e64e04244 100644
--- a/packages/clerk-js/src/ui/components/PricingTable/PricingTableDefault.tsx
+++ b/packages/clerk-js/src/ui/components/PricingTable/PricingTableDefault.tsx
@@ -470,6 +470,8 @@ const CardFeaturesList = React.forwardRef<HTMLDivElement, CardFeaturesListProps>
         sx={t => ({
           flex: '1',
           rowGap: isCompact ? t.space.$2 : t.space.$3,
+          margin: 0,
+          padding: 0,
         })}
       >
         {plan.features.slice(0, hasMoreFeatures ? (isCompact ? 3 : 8) : totalFeatures).map(feature => (
@@ -482,6 +484,8 @@ const CardFeaturesList = React.forwardRef<HTMLDivElement, CardFeaturesListProps>
               display: 'flex',
               alignItems: 'baseline',
               gap: t.space.$2,
+              margin: 0,
+              padding: 0,
             })}
           >
             <Icon

From b42aee476260d0adb1cffba71c933aacd8209a67 Mon Sep 17 00:00:00 2001
From: Alex Carpenter <alex.carpenter@clerk.dev>
Date: Tue, 29 Apr 2025 11:26:53 -0400
Subject: [PATCH 2/2] add changeset

---
 .changeset/rare-memes-count.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/rare-memes-count.md

diff --git a/.changeset/rare-memes-count.md b/.changeset/rare-memes-count.md
new file mode 100644
index 00000000000..c3f5964b5ae
--- /dev/null
+++ b/.changeset/rare-memes-count.md
@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': patch
+---
+
+Fix list spacing within PricingTable and PlanDetails components.