diff --git a/.changeset/stupid-animals-taste.md b/.changeset/stupid-animals-taste.md
new file mode 100644
index 00000000000..88729dcb811
--- /dev/null
+++ b/.changeset/stupid-animals-taste.md
@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': patch
+---
+
+Adjusts the order and layout of the checkout form's line items
diff --git a/packages/clerk-js/src/ui/components/Checkout/CheckoutComplete.tsx b/packages/clerk-js/src/ui/components/Checkout/CheckoutComplete.tsx
index f52c11cb318..664d8116d31 100644
--- a/packages/clerk-js/src/ui/components/Checkout/CheckoutComplete.tsx
+++ b/packages/clerk-js/src/ui/components/Checkout/CheckoutComplete.tsx
@@ -130,15 +130,6 @@ export const CheckoutComplete = ({ checkout }: { checkout: __experimental_Commer
               }
             />
           </LineItems.Group>
-          <LineItems.Group variant='tertiary'>
-            <LineItems.Title title={localizationKeys('__experimental_commerce.checkout.lineItems.title__invoiceId')} />
-            <LineItems.Description
-              text={checkout.invoice_id || '–'}
-              truncateText
-              copyText
-              copyLabel='Copy invoice ID'
-            />
-          </LineItems.Group>
         </LineItems.Root>
         <Button
           onClick={handleClose}
diff --git a/packages/clerk-js/src/ui/components/Checkout/CheckoutForm.tsx b/packages/clerk-js/src/ui/components/Checkout/CheckoutForm.tsx
index 235644563b7..b7be35a3351 100644
--- a/packages/clerk-js/src/ui/components/Checkout/CheckoutForm.tsx
+++ b/packages/clerk-js/src/ui/components/Checkout/CheckoutForm.tsx
@@ -67,13 +67,18 @@ export const CheckoutForm = ({
               suffix={`per month${planPeriod === 'annual' ? ', times 12 months' : ''}`}
             />
           </LineItems.Group>
+          <LineItems.Group
+            borderTop
+            variant='tertiary'
+          >
+            {/* TODO(@Commerce): needs localization */}
+            <LineItems.Title title='Subtotal' />
+            <LineItems.Description text={`${totals.subtotal.currencySymbol}${totals.subtotal.amountFormatted}`} />
+          </LineItems.Group>
           {showCredits && (
-            <LineItems.Group>
+            <LineItems.Group variant='tertiary'>
               {/* TODO(@Commerce): needs localization */}
-              <LineItems.Title
-                title={'Credit'}
-                description={'Prorated credit for the remainder of your subscription.'}
-              />
+              <LineItems.Title title={'Credit for the remainder of your current subscription.'} />
               {/* TODO(@Commerce): needs localization */}
               {/* TODO(@Commerce): Replace client-side calculation with server-side calculation once data are available in the response */}
               <LineItems.Description
@@ -81,19 +86,6 @@ export const CheckoutForm = ({
               />
             </LineItems.Group>
           )}
-          <LineItems.Group
-            borderTop
-            variant='tertiary'
-          >
-            {/* TODO(@Commerce): needs localization */}
-            <LineItems.Title title='Subtotal' />
-            <LineItems.Description text={`${totals.subtotal.currencySymbol} ${totals.subtotal.amountFormatted}`} />
-          </LineItems.Group>
-          <LineItems.Group variant='tertiary'>
-            {/* TODO(@Commerce): needs localization */}
-            <LineItems.Title title='Tax' />
-            <LineItems.Description text={`${totals.taxTotal.currencySymbol} ${totals.taxTotal.amountFormatted}`} />
-          </LineItems.Group>
           <LineItems.Group borderTop>
             {/* TODO(@Commerce): needs localization */}
             <LineItems.Title title={`Total Due Today`} />