diff --git a/packages/react/src/ssr.js b/packages/react/src/ssr.js
index 4ad5d27..0673f84 100644
--- a/packages/react/src/ssr.js
+++ b/packages/react/src/ssr.js
@@ -20,14 +20,14 @@ class Ssr extends Transform {
   async _transform(chunk, encoding, done) {
     const string = chunk.toString('utf8');
     const {appMountId} = this.flecks.get('@flecks/web/server');
-    if (-1 !== string.indexOf(`<div id="${appMountId}"></div>`)) {
+    if (-1 !== string.indexOf(`<div id="${appMountId}">`)) {
       try {
         const renderedRoot = ReactDOMServer.renderToString(
           React.createElement(await root(this.flecks, this.req)),
         );
         const rendered = string.replaceAll(
-          `<div id="${appMountId}"></div>`,
-          `<div id="${appMountId}">${renderedRoot}</div>`,
+          `<div id="${appMountId}">`,
+          `<div id="${appMountId}">${renderedRoot}`,
         );
         this.push(rendered);
       }
diff --git a/packages/web/src/server/build/entry.js b/packages/web/src/server/build/entry.js
index 8e67c45..dccbe63 100644
--- a/packages/web/src/server/build/entry.js
+++ b/packages/web/src/server/build/entry.js
@@ -63,8 +63,8 @@ const {version} = require('@flecks/web/package.json');
   try {
     await Promise.all(flecks.invokeFlat('@flecks/core.starting'));
     await flecks.invokeSequentialAsync('@flecks/web/client.up');
-    const appMountId = `#${config['@flecks/web/client'].appMountId}`;
-    window.document.querySelector(appMountId).style.display = 'block';
+    const appMountContainerId = `#${config['@flecks/web/client'].appMountId}-container`;
+    window.document.querySelector(appMountContainerId).style.display = 'block';
     debug('up!');
   }
   catch (error) {
diff --git a/packages/web/src/server/build/template.ejs b/packages/web/src/server/build/template.ejs
index 6b72d3e..52f0321 100644
--- a/packages/web/src/server/build/template.ejs
+++ b/packages/web/src/server/build/template.ejs
@@ -11,7 +11,6 @@
     <% }); %>
   </head>
   <body>
-    <div id="<%= htmlWebpackPlugin.options.appMountId %>"></div>
     <%= htmlWebpackPlugin.tags.bodyTags %>
   </body>
 </html>
diff --git a/packages/web/src/server/config.js b/packages/web/src/server/config.js
index 52f505d..20b3bcb 100644
--- a/packages/web/src/server/config.js
+++ b/packages/web/src/server/config.js
@@ -45,20 +45,18 @@ class InlineConfig extends Transform {
   async _transform(chunk, encoding, done) {
     const string = chunk.toString('utf8');
     const {appMountId} = this.flecks.get('@flecks/web/server');
-    if (-1 !== string.indexOf(`<div id="${appMountId}"></div>`)) {
-      const rendered = string.replaceAll(
+    const rendered = string.replaceAll(
+      '<body>',
+      [
+        '<body>',
+        `<div id="${appMountId}-container">`,
+        `<script>window.document.querySelector('#${appMountId}-container').style.display = 'none'</script>`,
+        `<script>${await configSource(this.flecks, this.req)}</script>`,
         `<div id="${appMountId}"></div>`,
-        [
-          `<div id="${appMountId}"></div>`,
-          `<script>window.document.querySelector('#${appMountId}').style.display = 'none'</script>`,
-          `<script>${await configSource(this.flecks, this.req)}</script>`,
-        ].join(''),
-      );
-      this.push(rendered);
-    }
-    else {
-      this.push(string);
-    }
+        '</div>',
+      ].join(''),
+    );
+    this.push(rendered);
     done();
   }
 
