diff --git a/packages/edit-site/src/components/global-styles/block-preview-panel.js b/packages/edit-site/src/components/global-styles/block-preview-panel.js
index 2d73c0495cdfc4..5e0ada27ece2db 100644
--- a/packages/edit-site/src/components/global-styles/block-preview-panel.js
+++ b/packages/edit-site/src/components/global-styles/block-preview-panel.js
@@ -22,9 +22,19 @@ const BlockPreviewPanel = ( { name } ) => {
 				{ containerResizeListener }
 
 				<BlockPreview
+					blocks={ blocks }
 					viewportWidth={ viewportWidth }
 					__experimentalMinHeight={ minHeight }
-					blocks={ blocks }
+					__experimentalStyles={ [
+						{
+							css: `
+								body{
+									min-height:${ minHeight }px;
+									display:flex;align-items:center;justify-content:center;
+								}
+							`,
+						},
+					] }
 				/>
 			</div>
 		</Spacer>