fix(core): use correct font styles for Grand Total (#669)

bigcommerce · Mar 19, 2024 · b657f6c · b657f6c
1 parent 6806299
commit b657f6c
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/.changeset/polite-items-burn.md b/.changeset/polite-items-burn.md
@@ -0,0 +1,5 @@
+---
+"@bigcommerce/catalyst-core": patch
+---
+
+Use correct font weight and size for Grand Total in Cart Summary
diff --git a/apps/core/app/[locale]/(default)/cart/_components/checkout-summary.tsx b/apps/core/app/[locale]/(default)/cart/_components/checkout-summary.tsx
@@ -131,9 +131,9 @@ export const CheckoutSummary = ({
         </span>
       </div>
 
-      <div className="flex justify-between border-t border-t-gray-200 py-4">
-        <span className="text-h5">{t('grandTotal')}</span>
-        <span className="text-h5">
+      <div className="flex justify-between border-t border-t-gray-200 py-4 text-xl font-bold lg:text-2xl">
+        {t('grandTotal')}
+        <span>
           {currencyFormatter.format(
             checkoutSummary.amount.value +
               checkoutSummary.shippingCostTotal.value +