From e91d8d4561bdc3843fa926e4954baa66a5b7b597 Mon Sep 17 00:00:00 2001
From: Daniel Richards <daniel.richards@automattic.com>
Date: Tue, 4 Apr 2023 14:38:28 +0800
Subject: [PATCH] Nest entire visualizer in shadow dom container

---
 .../components/block-alignment-visualizer/index.js | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/packages/block-editor/src/components/block-alignment-visualizer/index.js b/packages/block-editor/src/components/block-alignment-visualizer/index.js
index 7afa9feb33a0d7..9aec7962079b1c 100644
--- a/packages/block-editor/src/components/block-alignment-visualizer/index.js
+++ b/packages/block-editor/src/components/block-alignment-visualizer/index.js
@@ -52,11 +52,11 @@ export default function BlockAlignmentVisualizer( {
 	}
 
 	return (
-		<Underlay
-			className="block-editor-alignment-visualizer"
-			focusedClientId={ focusedClientId }
-		>
-			<ShadowDOMContainer>
+		<ShadowDOMContainer>
+			<Underlay
+				className="block-editor-alignment-visualizer"
+				focusedClientId={ focusedClientId }
+			>
 				<Visualization
 					alignments={ availableAlignments }
 					contentSize={ layout.contentSize }
@@ -70,7 +70,7 @@ export default function BlockAlignmentVisualizer( {
 					wideSize={ layout.wideSize }
 					justification={ layout.justifyContent }
 				/>
-			</ShadowDOMContainer>
-		</Underlay>
+			</Underlay>
+		</ShadowDOMContainer>
 	);
 }