diff --git a/test/e2e/specs/site-editor/zoom-out.spec.js b/test/e2e/specs/site-editor/zoom-out.spec.js
index 0a89ec2886503..e698a94b7cf0d 100644
--- a/test/e2e/specs/site-editor/zoom-out.spec.js
+++ b/test/e2e/specs/site-editor/zoom-out.spec.js
@@ -109,6 +109,8 @@ test.describe( 'Zoom Out', () => {
 		page,
 		editor,
 	} ) => {
+		// Add some patterns into the page.
+		await editor.setContent( EDITOR_ZOOM_OUT_CONTENT );
 		// Find the scroll container element
 		await page.evaluate( () => {
 			const { activeElement } =