diff --git a/src/components/DesignCanvas.tsx b/src/components/DesignCanvas.tsx
index c5855e4..7d478bb 100644
--- a/src/components/DesignCanvas.tsx
+++ b/src/components/DesignCanvas.tsx
@@ -677,31 +677,34 @@ export default function DesignCanvas({ product }: { product: ProductDTO }) {
         <div>
           <h1 className="font-display text-4xl">{product.name}</h1>
           <p className="mt-2 text-muted">{product.description}</p>
-          <p className="mt-4 flex items-baseline gap-2 font-mono text-lg">
-            {(() => {
-              const { onSale, price, originalPrice } = getEffectivePrice(
-                {
-                  id: product.id,
-                  basePrice: product.basePrice,
-                  personalisedPrice: product.personalisedPrice,
-                  salePrice: product.onSale ? product.effectivePrice : null,
-                  saleStartsAt: null,
-                  saleEndsAt: null,
-                },
-                [],
-                new Date(),
-                true,
-              );
-              return (
-                <>
-                  {onSale && originalPrice != null && (
-                    <Price cents={originalPrice} className="text-base text-muted line-through" />
-                  )}
-                  <Price cents={price} className={onSale ? 'text-splash-pink' : undefined} />
-                </>
-              );
-            })()}
-          </p>
+          <div className="mt-4">
+            <p className="flex items-baseline gap-2 font-mono text-lg">
+              {(() => {
+                const { onSale, price, originalPrice } = getEffectivePrice(
+                  {
+                    id: product.id,
+                    basePrice: product.basePrice,
+                    personalisedPrice: product.personalisedPrice,
+                    salePrice: product.onSale ? product.effectivePrice : null,
+                    saleStartsAt: null,
+                    saleEndsAt: null,
+                  },
+                  [],
+                  new Date(),
+                  true,
+                );
+                return (
+                  <>
+                    {onSale && originalPrice != null && (
+                      <Price cents={originalPrice} className="text-base text-muted line-through" />
+                    )}
+                    <Price cents={price} className={onSale ? 'text-splash-pink' : undefined} />
+                  </>
+                );
+              })()}
+            </p>
+            <p className="text-xs text-muted">For personalized design</p>
+          </div>
         </div>
 
         <div>