diff --git a/packages/block-editor/src/components/inserter/block-patterns-tab/pattern-category-previews.js b/packages/block-editor/src/components/inserter/block-patterns-tab/pattern-category-previews.js
index d65027aff0a01..a4bca8fe90bad 100644
--- a/packages/block-editor/src/components/inserter/block-patterns-tab/pattern-category-previews.js
+++ b/packages/block-editor/src/components/inserter/block-patterns-tab/pattern-category-previews.js
@@ -34,10 +34,11 @@ import {
 	myPatternsCategory,
 	INSERTER_PATTERN_TYPES,
 } from './utils';
+import { useZoomOut } from '../../../hooks/use-zoom-out';
 
 const noop = () => {};
 
-export function PatternCategoryPreviews( {
+function PatternCategoryPreviewsContent( {
 	rootClientId,
 	onInsert,
 	onHover = noop,
@@ -186,3 +187,17 @@ export function PatternCategoryPreviews( {
 		</>
 	);
 }
+
+function PatternCategoryPreviewsContentWithZoomOut( props ) {
+	useZoomOut();
+	return <PatternCategoryPreviewsContent { ...props } />;
+}
+
+export function PatternCategoryPreviews( props ) {
+	// When the pattern panel is showing, we want to use zoom out mode
+	if ( window.__experimentalEnableZoomedOutPatternsTab ) {
+		return <PatternCategoryPreviewsContentWithZoomOut { ...props } />;
+	}
+
+	return <PatternCategoryPreviewsContent { ...props } />;
+}