diff --git a/packages/editor/src/components/document-outline/index.js b/packages/editor/src/components/document-outline/index.js
index da3c58b2eed92..188c6b8c88776 100644
--- a/packages/editor/src/components/document-outline/index.js
+++ b/packages/editor/src/components/document-outline/index.js
@@ -287,7 +287,7 @@ export default function DocumentOutline( {
 			className={ clsx(
 				'document-outline',
 				headings.length < 1 && 'has-no-headings',
-				mainElements.length === 0 && 'has-no-main'
+				isEditingTemplate && mainElements.length === 0 && 'has-no-main'
 			) }
 		>
 			{ headings.length < 1 && (