From 3f84a0fd2fed45366e6a89b2de28077a801dfa9e Mon Sep 17 00:00:00 2001
From: aledesma-godaddy <aledesma@godaddy.com>
Date: Mon, 29 Apr 2024 14:03:11 -0700
Subject: [PATCH] adjust site-design logic around editor inline styles

---
 src/extensions/site-design/component.js | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/extensions/site-design/component.js b/src/extensions/site-design/component.js
index 393b3fb2226..a6e72526651 100644
--- a/src/extensions/site-design/component.js
+++ b/src/extensions/site-design/component.js
@@ -74,7 +74,13 @@ export function SiteDesignStyles() {
 		// Here we move the style element so that we can continue to target and change on user action.
 		// Only move element if it is not yet under the desktop preview div.
 		if ( ! stylesElement.closest( 'div.is-desktop-preview' ) ) {
-			document.querySelectorAll( '.is-desktop-preview style:last-of-type' )?.[ 0 ]?.after?.( stylesElement );
+			const target =
+				document.querySelectorAll( '.is-desktop-preview style:last-of-type' )?.[ 0 ] ??
+				document.querySelectorAll( '.is-desktop-preview div' )?.[ 0 ];
+
+			if ( !! target ) {
+				target?.after?.( stylesElement );
+			}
 		}
 	}, [ isUpdating, designResp ] );