diff --git a/.changeset/four-cups-double.md b/.changeset/four-cups-double.md new file mode 100644 index 000000000..5da959c1d --- /dev/null +++ b/.changeset/four-cups-double.md @@ -0,0 +1,5 @@ +--- +"@bigcommerce/catalyst-core": patch +--- + +Modify Cart page layout to fix mobile rendering issues. diff --git a/core/app/[locale]/(default)/cart/_components/cart-item.tsx b/core/app/[locale]/(default)/cart/_components/cart-item.tsx index 0c22a7a87..bba9e96a1 100644 --- a/core/app/[locale]/(default)/cart/_components/cart-item.tsx +++ b/core/app/[locale]/(default)/cart/_components/cart-item.tsx @@ -133,92 +133,104 @@ export const CartItem = async ({ currencyCode, product }: Props) => { return (
{product.brand}
-{product.name}
- - {product.selectedOptions.length > 0 && ( -{product.name}
+ + {product.selectedOptions.length > 0 && ( +- {format.number(product.extendedSalePrice.value, { - style: 'currency', - currency: currencyCode, - })} -
-+ {format.number(product.extendedSalePrice.value, { + style: 'currency', + currency: currencyCode, + })} +
+ +