diff --git a/packages/block-editor/src/components/iframe/content.scss b/packages/block-editor/src/components/iframe/content.scss
index 1f198d7dda663..596c177eab2f3 100644
--- a/packages/block-editor/src/components/iframe/content.scss
+++ b/packages/block-editor/src/components/iframe/content.scss
@@ -1,9 +1,5 @@
 .block-editor-iframe__body {
 	position: relative;
-	// Ensures margins of children are contained so that the body background paints behind them.
-	// Otherwise, the background of html (when zoomed out) would show there and appear broken. It’s
-	// important mostly for post-only views yet conceivably an issue in templated views too.
-	display: flow-root;
 }
 
 .block-editor-iframe__html {
diff --git a/packages/editor/src/components/visual-editor/index.js b/packages/editor/src/components/visual-editor/index.js
index 6462c4a3f8368..10d37ccd8e52a 100644
--- a/packages/editor/src/components/visual-editor/index.js
+++ b/packages/editor/src/components/visual-editor/index.js
@@ -356,7 +356,10 @@ function VisualEditor( {
 		return [
 			...( styles ?? [] ),
 			{
-				css: `.is-root-container{display:flow-root;${
+				// Ensures margins of children are contained so that the body background paints behind them.
+				// Otherwise, the background of html (when zoomed out) would show there and appear broken. It’s
+				// important mostly for post-only views yet conceivably an issue in templated views too.
+				css: `:where(.block-editor-iframe__body){display:flow-root;}.is-root-container{display:flow-root;${
 					// Some themes will have `min-height: 100vh` for the root container,
 					// which isn't a requirement in auto resize mode.
 					enableResizing ? 'min-height:0!important;' : ''