diff --git a/frameworks/angular/src/client/preview/angular/helpers.ts b/frameworks/angular/src/client/preview/angular/helpers.ts
index 20a55edcbf92..76e1bf8d8f58 100644
--- a/frameworks/angular/src/client/preview/angular/helpers.ts
+++ b/frameworks/angular/src/client/preview/angular/helpers.ts
@@ -169,7 +169,7 @@ const initModule = (storyFn: PartialStoryFn
) => {
);
};
-const staticRoot = document.getElementById('root');
+const staticRoot = document.getElementById('storybook-root');
const insertDynamicRoot = () => {
const app = document.createElement('storybook-dynamic-app-root');
staticRoot.innerHTML = '';
diff --git a/frameworks/ember/src/client/preview/render.ts b/frameworks/ember/src/client/preview/render.ts
index 77dda1b3d5f4..f32292312a75 100644
--- a/frameworks/ember/src/client/preview/render.ts
+++ b/frameworks/ember/src/client/preview/render.ts
@@ -7,7 +7,7 @@ const { window: globalWindow, document } = global;
declare let Ember: any;
-const rootEl = document.getElementById('root');
+const rootEl = document.getElementById('storybook-root');
const config = globalWindow.require(`${globalWindow.STORYBOOK_NAME}/config/environment`);
const app = globalWindow.require(`${globalWindow.STORYBOOK_NAME}/app`).default.create({
diff --git a/lib/core-common/templates/base-preview-head.html b/lib/core-common/templates/base-preview-head.html
index 39baba09b3fb..fb5933314670 100644
--- a/lib/core-common/templates/base-preview-head.html
+++ b/lib/core-common/templates/base-preview-head.html
@@ -2,7 +2,7 @@
@@ -25,8 +25,8 @@
<% if (typeof bodyHtmlSnippet !== 'undefined') { %> <%= bodyHtmlSnippet %> <% } %>
-
-
+
+
<% if (typeof globals !== 'undefined' && Object.keys(globals).length) { %>