diff --git a/packages/docs-new/src/entry.client.tsx b/packages/docs-new/src/entry.client.tsx
index 640ac6a..f7215cf 100644
--- a/packages/docs-new/src/entry.client.tsx
+++ b/packages/docs-new/src/entry.client.tsx
@@ -9,5 +9,5 @@ hydrate(
       <App />
     </HeadProvider>
   </BrowserRouter>,
-  document.body,
+  document.querySelector("#app"),
 )
diff --git a/packages/docs-new/src/entry.server.tsx b/packages/docs-new/src/entry.server.tsx
index 98611b9..1103988 100644
--- a/packages/docs-new/src/entry.server.tsx
+++ b/packages/docs-new/src/entry.server.tsx
@@ -34,7 +34,7 @@ export async function render(url: string) {
       <script type="module" src="${scriptSource}"></script>
     </head>
     <body>
-      ${app}
+      <div id="app" style="display: contents">${app}</div>
     </body>
   `
 }
