diff --git a/.changeset/all-tigers-learn.md b/.changeset/all-tigers-learn.md
new file mode 100644
index 00000000000..acb2707f7ea
--- /dev/null
+++ b/.changeset/all-tigers-learn.md
@@ -0,0 +1,6 @@
+---
+'@clerk/clerk-js': patch
+'@clerk/types': patch
+---
+
+Move `credit` at the top-level and remove `proration` property
diff --git a/packages/clerk-js/src/ui/components/Checkout/CheckoutForm.tsx b/packages/clerk-js/src/ui/components/Checkout/CheckoutForm.tsx
index 413540fa2cd..b5afd950a64 100644
--- a/packages/clerk-js/src/ui/components/Checkout/CheckoutForm.tsx
+++ b/packages/clerk-js/src/ui/components/Checkout/CheckoutForm.tsx
@@ -31,8 +31,7 @@ export const CheckoutForm = ({
onCheckoutComplete: (checkout: CommerceCheckoutResource) => void;
}) => {
const { plan, planPeriod, totals, isImmediatePlanChange } = checkout;
- const showCredits =
- totals.totalDueNow.amount > 0 && !!totals.proration?.credit?.amount && totals.proration.credit.amount > 0;
+ const showCredits = !!totals.credit?.amount && totals.credit.amount > 0;
const showDowngradeInfo = !isImmediatePlanChange;
return (
@@ -69,9 +68,7 @@ export const CheckoutForm = ({
{/* TODO(@Commerce): needs localization */}
{/* TODO(@Commerce): Replace client-side calculation with server-side calculation once data are available in the response */}
-
+
)}
diff --git a/packages/clerk-js/src/utils/commerce.ts b/packages/clerk-js/src/utils/commerce.ts
index 25b3d6c1c19..a794bba19e3 100644
--- a/packages/clerk-js/src/utils/commerce.ts
+++ b/packages/clerk-js/src/utils/commerce.ts
@@ -26,12 +26,9 @@ export const commerceTotalsFromJSON =