diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/index.ts b/src/Umbraco.Web.UI.Client/src/packages/core/index.ts
index 7db1162c20..3e424e1398 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/index.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/index.ts
@@ -39,10 +39,10 @@ export const onInit: UmbEntryPointOnInit = (host, extensionRegistry) => {
 	extensionRegistry.registerMany(coreManifests);
 
 	const notificationContainerElement = new UmbBackofficeNotificationContainerElement();
-	host.appendChild(notificationContainerElement);
+	host.shadowRoot?.appendChild(notificationContainerElement);
 
 	const modalContainerElement = new UmbBackofficeModalContainerElement();
-	host.appendChild(modalContainerElement);
+	host.shadowRoot?.appendChild(modalContainerElement);
 
 	new UmbNotificationContext(host);
 	new UmbModalManagerContext(host);