From be7422c542fbe4e7ad70365a2fbb9356bdcd864c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fabian=20Ka=CC=88gy?= <mail@fabian-kaegy.de>
Date: Fri, 29 Mar 2024 23:22:32 +0100
Subject: [PATCH 1/2] fix use viewport width in pattern preview

---
 packages/edit-site/src/components/page-patterns/index.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/edit-site/src/components/page-patterns/index.js b/packages/edit-site/src/components/page-patterns/index.js
index 62cfd5ff79b5c..19fe39e7187fd 100644
--- a/packages/edit-site/src/components/page-patterns/index.js
+++ b/packages/edit-site/src/components/page-patterns/index.js
@@ -171,7 +171,12 @@ function Preview( { item, categoryId, viewType } ) {
 				>
 					{ isEmpty && isTemplatePart && __( 'Empty template part' ) }
 					{ isEmpty && ! isTemplatePart && __( 'Empty pattern' ) }
-					{ ! isEmpty && <BlockPreview blocks={ item.blocks } /> }
+					{ ! isEmpty && (
+						<BlockPreview
+							blocks={ item.blocks }
+							viewportWidth={ item?.viewportWidth }
+						/>
+					) }
 				</PreviewWrapper>
 			</div>
 			{ ariaDescriptions.map( ( ariaDescription, index ) => (

From 9050fdcfc4ee0cae31b1b9fa8fad7d89e1ddd256 Mon Sep 17 00:00:00 2001
From: Nik Tsekouras <ntsekouras@outlook.com>
Date: Mon, 1 Apr 2024 14:52:20 +0300
Subject: [PATCH 2/2] Update
 packages/edit-site/src/components/page-patterns/index.js

---
 packages/edit-site/src/components/page-patterns/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/edit-site/src/components/page-patterns/index.js b/packages/edit-site/src/components/page-patterns/index.js
index 19fe39e7187fd..96ff88345cd37 100644
--- a/packages/edit-site/src/components/page-patterns/index.js
+++ b/packages/edit-site/src/components/page-patterns/index.js
@@ -174,7 +174,7 @@ function Preview( { item, categoryId, viewType } ) {
 					{ ! isEmpty && (
 						<BlockPreview
 							blocks={ item.blocks }
-							viewportWidth={ item?.viewportWidth }
+							viewportWidth={ item.viewportWidth }
 						/>
 					) }
 				</PreviewWrapper>