diff --git a/components/cart/CartItem/CartItem.tsx b/components/cart/CartItem/CartItem.tsx
index bc614722f..d0f7b7dc3 100644
--- a/components/cart/CartItem/CartItem.tsx
+++ b/components/cart/CartItem/CartItem.tsx
@@ -108,10 +108,14 @@ const CartItem = ({
       <div className="flex-1 flex flex-col text-base">
         <Link href={`/product/${item.path}`}>
           <span
-            className="font-bold text-lg cursor-pointer leading-6"
             onClick={() => closeSidebarIfPresent()}
           >
-            {item.name}
+            <div
+              className="font-bold text-lg cursor-pointer leading-6"
+            >
+              {item.name}
+            </div>
+            {item.variant ? <span> {item.variant.name}</span> : ""}
           </span>
         </Link>
         {options && options.length > 0 ? (
diff --git a/framework/saleor/utils/fragments/checkout-details.ts b/framework/saleor/utils/fragments/checkout-details.ts
index ccbe6a7ec..437c24777 100644
--- a/framework/saleor/utils/fragments/checkout-details.ts
+++ b/framework/saleor/utils/fragments/checkout-details.ts
@@ -23,6 +23,7 @@ export const CheckoutDetails = /* GraphQL */ `
         name
         sku
         product {
+          name
           slug
         }
         media {
diff --git a/framework/saleor/utils/normalize.ts b/framework/saleor/utils/normalize.ts
index a7e13a92e..56091db15 100644
--- a/framework/saleor/utils/normalize.ts
+++ b/framework/saleor/utils/normalize.ts
@@ -113,7 +113,7 @@ function normalizeLineItem({ id, variant, quantity }: CheckoutLine): LineItem {
     id,
     variantId: String(variant?.id),
     productId: String(variant?.id),
-    name: `${variant.name}`,
+    name: `${variant.product.name}`,
     quantity,
     variant: {
       id: String(variant?.id),