Add spacing around the notice.

WordPress · Feb 14, 2025 · 9491499 · 9491499
1 parent c8b47f3
commit 9491499
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/packages/edit-site/src/components/layout/style.scss b/packages/edit-site/src/components/layout/style.scss
@@ -262,7 +262,8 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
 	}
 }
 
-.edit-site-layout__area__404 {
+.edit-site-layout__area__404,
+.edit-site-layout__area__unsupported {
 	margin: $canvas-padding;
 }
 

diff --git a/packages/edit-site/src/components/page-templates/index.js b/packages/edit-site/src/components/page-templates/index.js
@@ -199,8 +199,12 @@ export default function PageTemplates() {
 	);
 
 	if ( ! isBlockBasedTheme ) {
-		return __(
-			'The theme you are currently using is not compatible with the Site Editor.'
+		return (
+			<p className="edit-site-layout__area__unsupported">
+				{ __(
+					'The theme you are currently using is not compatible with the Site Editor.'
+				) }
+			</p>
 		);
 	}