center align block in global styles inline preview (#46727)

WordPress · Dec 23, 2022 · 7c2f34d · 7c2f34d
1 parent beb80db
commit 7c2f34d
Showing 1 changed file with 11 additions and 1 deletion.
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
@@ -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>