diff --git a/docs/docs/patterns/ecommerce-product-preview.md b/docs/docs/patterns/ecommerce-product-preview.md
index 691b5a721..7b524bb3d 100644
--- a/docs/docs/patterns/ecommerce-product-preview.md
+++ b/docs/docs/patterns/ecommerce-product-preview.md
@@ -15,7 +15,9 @@ icon: preview
       <wa-icon-button name="close" label="close-modal" style="flex-basis: initial;flex-grow: initial;min-inline-size: auto;"></wa-icon-button>
     </div>
     <div class="wa-grid">
-    <img src="https://images.unsplash.com/photo-1660997351262-6c31d8a35b6c?q=80&w=2000&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="stan smith graphic tee" />
+    <div class="wa-frame" style="width: 100%; height: 100%">
+      <img src="https://images.unsplash.com/photo-1660997351262-6c31d8a35b6c?q=80&w=2000&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="stan smith graphic tee" />
+    </div>
     <div class="wa-stack">
       <span class="wa-heading-2xl">$32</span>
       <span class="wa-flank wa-align-start">