diff --git a/packages/block-editor/src/components/iframe/index.js b/packages/block-editor/src/components/iframe/index.js
index 216a782201df9..16d65cdf07704 100644
--- a/packages/block-editor/src/components/iframe/index.js
+++ b/packages/block-editor/src/components/iframe/index.js
@@ -209,28 +209,26 @@ function Iframe( {
 		};
 	}, [] );
 
-	const windowResizeRef = useRefEffect( ( node ) => {
-		const {
-			ownerDocument: { defaultView },
-		} = node;
+	const iframeResizeRef = useRefEffect( ( node ) => {
+		const nodeWindow = node.ownerDocument.defaultView;
 
-		setWindowInnerWidth( defaultView.innerWidth );
 		const onResize = () => {
-			setWindowInnerWidth( defaultView.innerWidth );
+			setIframeWindowInnerHeight( nodeWindow.innerHeight );
 		};
-		defaultView.addEventListener( 'resize', onResize );
+		nodeWindow.addEventListener( 'resize', onResize );
 		return () => {
-			defaultView.removeEventListener( 'resize', onResize );
+			nodeWindow.removeEventListener( 'resize', onResize );
 		};
 	}, [] );
 
-	const [ windowInnerWidth, setWindowInnerWidth ] = useState();
+	const [ iframeWindowInnerHeight, setIframeWindowInnerHeight ] = useState();
 
-	const iframeResizeRef = useRefEffect( ( node ) => {
+	const windowResizeRef = useRefEffect( ( node ) => {
 		const nodeWindow = node.ownerDocument.defaultView;
 
+		setWindowInnerWidth( nodeWindow.innerWidth );
 		const onResize = () => {
-			setIframeWindowInnerHeight( nodeWindow.innerHeight );
+			setWindowInnerWidth( nodeWindow.innerWidth );
 		};
 		nodeWindow.addEventListener( 'resize', onResize );
 		return () => {
@@ -238,7 +236,7 @@ function Iframe( {
 		};
 	}, [] );
 
-	const [ iframeWindowInnerHeight, setIframeWindowInnerHeight ] = useState();
+	const [ windowInnerWidth, setWindowInnerWidth ] = useState();
 
 	const scaleRef = useRefEffect(
 		( body ) => {