diff --git a/test/e2e/__snapshots__/overlay.test.js.snap.webpack4 b/test/e2e/__snapshots__/overlay.test.js.snap.webpack4
index e80e804422..f989b527bb 100644
--- a/test/e2e/__snapshots__/overlay.test.js.snap.webpack4
+++ b/test/e2e/__snapshots__/overlay.test.js.snap.webpack4
@@ -82,34 +82,36 @@ exports[`overlay should not show initially, then show on an error and allow to c
     >
       ×
     </button>
-    <div
-      style=\\"
-        background-color: rgba(206, 17, 38, 0.1);
-        color: rgb(252, 207, 207);
-        padding: 1rem 1rem 1.5rem;
-      \\"
-    >
+    <div>
       <div
         style=\\"
-          color: rgb(232, 59, 70);
-          font-size: 1.2em;
-          margin-bottom: 1rem;
-          font-family: sans-serif;
+          background-color: rgba(206, 17, 38, 0.1);
+          color: rgb(252, 207, 207);
+          padding: 1rem 1rem 1.5rem;
         \\"
       >
-        ERROR
-      </div>
-      <div
-        style=\\"
-          line-height: 1.5;
-          font-size: 1rem;
-          font-family: Menlo, Consolas, monospace;
-        \\"
-      >
-        ./foo.js 1:1 Module parse failed: Unterminated template (1:1) You may
-        need an appropriate loader to handle this file type, currently no
-        loaders are configured to process this file. See
-        https://webpack.js.org/concepts#loaders &gt; \`;
+        <div
+          style=\\"
+            color: rgb(232, 59, 70);
+            font-size: 1.2em;
+            margin-bottom: 1rem;
+            font-family: sans-serif;
+          \\"
+        >
+          ERROR
+        </div>
+        <div
+          style=\\"
+            line-height: 1.5;
+            font-size: 1rem;
+            font-family: Menlo, Consolas, monospace;
+          \\"
+        >
+          ./foo.js 1:1 Module parse failed: Unterminated template (1:1) You may
+          need an appropriate loader to handle this file type, currently no
+          loaders are configured to process this file. See
+          https://webpack.js.org/concepts#loaders &gt; \`;
+        </div>
       </div>
     </div>
   </div>
@@ -204,34 +206,36 @@ exports[`overlay should not show initially, then show on an error, then hide on
     >
       ×
     </button>
-    <div
-      style=\\"
-        background-color: rgba(206, 17, 38, 0.1);
-        color: rgb(252, 207, 207);
-        padding: 1rem 1rem 1.5rem;
-      \\"
-    >
-      <div
-        style=\\"
-          color: rgb(232, 59, 70);
-          font-size: 1.2em;
-          margin-bottom: 1rem;
-          font-family: sans-serif;
-        \\"
-      >
-        ERROR
-      </div>
+    <div>
       <div
         style=\\"
-          line-height: 1.5;
-          font-size: 1rem;
-          font-family: Menlo, Consolas, monospace;
+          background-color: rgba(206, 17, 38, 0.1);
+          color: rgb(252, 207, 207);
+          padding: 1rem 1rem 1.5rem;
         \\"
       >
-        ./foo.js 1:1 Module parse failed: Unterminated template (1:1) You may
-        need an appropriate loader to handle this file type, currently no
-        loaders are configured to process this file. See
-        https://webpack.js.org/concepts#loaders &gt; \`;
+        <div
+          style=\\"
+            color: rgb(232, 59, 70);
+            font-size: 1.2em;
+            margin-bottom: 1rem;
+            font-family: sans-serif;
+          \\"
+        >
+          ERROR
+        </div>
+        <div
+          style=\\"
+            line-height: 1.5;
+            font-size: 1rem;
+            font-family: Menlo, Consolas, monospace;
+          \\"
+        >
+          ./foo.js 1:1 Module parse failed: Unterminated template (1:1) You may
+          need an appropriate loader to handle this file type, currently no
+          loaders are configured to process this file. See
+          https://webpack.js.org/concepts#loaders &gt; \`;
+        </div>
       </div>
     </div>
   </div>
@@ -326,34 +330,36 @@ exports[`overlay should not show initially, then show on an error, then show oth
     >
       ×
     </button>
-    <div
-      style=\\"
-        background-color: rgba(206, 17, 38, 0.1);
-        color: rgb(252, 207, 207);
-        padding: 1rem 1rem 1.5rem;
-      \\"
-    >
-      <div
-        style=\\"
-          color: rgb(232, 59, 70);
-          font-size: 1.2em;
-          margin-bottom: 1rem;
-          font-family: sans-serif;
-        \\"
-      >
-        ERROR
-      </div>
+    <div>
       <div
         style=\\"
-          line-height: 1.5;
-          font-size: 1rem;
-          font-family: Menlo, Consolas, monospace;
+          background-color: rgba(206, 17, 38, 0.1);
+          color: rgb(252, 207, 207);
+          padding: 1rem 1rem 1.5rem;
         \\"
       >
-        ./foo.js 1:1 Module parse failed: Unterminated template (1:1) You may
-        need an appropriate loader to handle this file type, currently no
-        loaders are configured to process this file. See
-        https://webpack.js.org/concepts#loaders &gt; \`;
+        <div
+          style=\\"
+            color: rgb(232, 59, 70);
+            font-size: 1.2em;
+            margin-bottom: 1rem;
+            font-family: sans-serif;
+          \\"
+        >
+          ERROR
+        </div>
+        <div
+          style=\\"
+            line-height: 1.5;
+            font-size: 1rem;
+            font-family: Menlo, Consolas, monospace;
+          \\"
+        >
+          ./foo.js 1:1 Module parse failed: Unterminated template (1:1) You may
+          need an appropriate loader to handle this file type, currently no
+          loaders are configured to process this file. See
+          https://webpack.js.org/concepts#loaders &gt; \`;
+        </div>
       </div>
     </div>
   </div>
@@ -411,34 +417,36 @@ exports[`overlay should not show initially, then show on an error, then show oth
     >
       ×
     </button>
-    <div
-      style=\\"
-        background-color: rgba(206, 17, 38, 0.1);
-        color: rgb(252, 207, 207);
-        padding: 1rem 1rem 1.5rem;
-      \\"
-    >
+    <div>
       <div
         style=\\"
-          color: rgb(232, 59, 70);
-          font-size: 1.2em;
-          margin-bottom: 1rem;
-          font-family: sans-serif;
+          background-color: rgba(206, 17, 38, 0.1);
+          color: rgb(252, 207, 207);
+          padding: 1rem 1rem 1.5rem;
         \\"
       >
-        ERROR
-      </div>
-      <div
-        style=\\"
-          line-height: 1.5;
-          font-size: 1rem;
-          font-family: Menlo, Consolas, monospace;
-        \\"
-      >
-        ./foo.js 1:1 Module parse failed: Unterminated template (1:1) You may
-        need an appropriate loader to handle this file type, currently no
-        loaders are configured to process this file. See
-        https://webpack.js.org/concepts#loaders &gt; \`;a
+        <div
+          style=\\"
+            color: rgb(232, 59, 70);
+            font-size: 1.2em;
+            margin-bottom: 1rem;
+            font-family: sans-serif;
+          \\"
+        >
+          ERROR
+        </div>
+        <div
+          style=\\"
+            line-height: 1.5;
+            font-size: 1rem;
+            font-family: Menlo, Consolas, monospace;
+          \\"
+        >
+          ./foo.js 1:1 Module parse failed: Unterminated template (1:1) You may
+          need an appropriate loader to handle this file type, currently no
+          loaders are configured to process this file. See
+          https://webpack.js.org/concepts#loaders &gt; \`;a
+        </div>
       </div>
     </div>
   </div>
@@ -554,31 +562,33 @@ exports[`overlay should show a warning after invalidation: overlay html 1`] = `
     >
       ×
     </button>
-    <div
-      style=\\"
-        background-color: rgba(251, 245, 180, 0.1);
-        color: rgb(251, 245, 180);
-        padding: 1rem 1rem 1.5rem;
-      \\"
-    >
+    <div>
       <div
         style=\\"
-          color: rgb(232, 59, 70);
-          font-size: 1.2em;
-          margin-bottom: 1rem;
-          font-family: sans-serif;
+          background-color: rgba(251, 245, 180, 0.1);
+          color: rgb(251, 245, 180);
+          padding: 1rem 1rem 1.5rem;
         \\"
       >
-        WARNING
-      </div>
-      <div
-        style=\\"
-          line-height: 1.5;
-          font-size: 1rem;
-          font-family: Menlo, Consolas, monospace;
-        \\"
-      >
-        Warning from compilation
+        <div
+          style=\\"
+            color: rgb(232, 59, 70);
+            font-size: 1.2em;
+            margin-bottom: 1rem;
+            font-family: sans-serif;
+          \\"
+        >
+          WARNING
+        </div>
+        <div
+          style=\\"
+            line-height: 1.5;
+            font-size: 1rem;
+            font-family: Menlo, Consolas, monospace;
+          \\"
+        >
+          Warning from compilation
+        </div>
       </div>
     </div>
   </div>
@@ -657,58 +667,60 @@ exports[`overlay should show a warning and error for initial compilation and pro
     >
       ×
     </button>
-    <div
-      style=\\"
-        background-color: rgba(251, 245, 180, 0.1);
-        color: rgb(251, 245, 180);
-        padding: 1rem 1rem 1.5rem;
-      \\"
-    >
-      <div
-        style=\\"
-          color: rgb(232, 59, 70);
-          font-size: 1.2em;
-          margin-bottom: 1rem;
-          font-family: sans-serif;
-        \\"
-      >
-        WARNING
-      </div>
+    <div>
       <div
         style=\\"
-          line-height: 1.5;
-          font-size: 1rem;
-          font-family: Menlo, Consolas, monospace;
+          background-color: rgba(206, 17, 38, 0.1);
+          color: rgb(252, 207, 207);
+          padding: 1rem 1rem 1.5rem;
         \\"
       >
-        &lt;strong&gt;strong&lt;/strong&gt;
-      </div>
-    </div>
-    <div
-      style=\\"
-        background-color: rgba(206, 17, 38, 0.1);
-        color: rgb(252, 207, 207);
-        padding: 1rem 1rem 1.5rem;
-      \\"
-    >
-      <div
-        style=\\"
-          color: rgb(232, 59, 70);
-          font-size: 1.2em;
-          margin-bottom: 1rem;
-          font-family: sans-serif;
-        \\"
-      >
-        ERROR
+        <div
+          style=\\"
+            color: rgb(232, 59, 70);
+            font-size: 1.2em;
+            margin-bottom: 1rem;
+            font-family: sans-serif;
+          \\"
+        >
+          ERROR
+        </div>
+        <div
+          style=\\"
+            line-height: 1.5;
+            font-size: 1rem;
+            font-family: Menlo, Consolas, monospace;
+          \\"
+        >
+          &lt;strong&gt;strong&lt;/strong&gt;
+        </div>
       </div>
       <div
         style=\\"
-          line-height: 1.5;
-          font-size: 1rem;
-          font-family: Menlo, Consolas, monospace;
+          background-color: rgba(206, 17, 38, 0.1);
+          color: rgb(252, 207, 207);
+          padding: 1rem 1rem 1.5rem;
         \\"
       >
-        &lt;strong&gt;strong&lt;/strong&gt;
+        <div
+          style=\\"
+            color: rgb(232, 59, 70);
+            font-size: 1.2em;
+            margin-bottom: 1rem;
+            font-family: sans-serif;
+          \\"
+        >
+          ERROR
+        </div>
+        <div
+          style=\\"
+            line-height: 1.5;
+            font-size: 1rem;
+            font-family: Menlo, Consolas, monospace;
+          \\"
+        >
+          &lt;strong&gt;strong&lt;/strong&gt;
+        </div>
       </div>
     </div>
   </div>
@@ -787,139 +799,141 @@ exports[`overlay should show a warning and error for initial compilation: overla
     >
       ×
     </button>
-    <div
-      style=\\"
-        background-color: rgba(251, 245, 180, 0.1);
-        color: rgb(251, 245, 180);
-        padding: 1rem 1rem 1.5rem;
-      \\"
-    >
-      <div
-        style=\\"
-          color: rgb(232, 59, 70);
-          font-size: 1.2em;
-          margin-bottom: 1rem;
-          font-family: sans-serif;
-        \\"
-      >
-        WARNING
-      </div>
-      <div
-        style=\\"
-          line-height: 1.5;
-          font-size: 1rem;
-          font-family: Menlo, Consolas, monospace;
-        \\"
-      >
-        Warning from compilation
-      </div>
-    </div>
-    <div
-      style=\\"
-        background-color: rgba(251, 245, 180, 0.1);
-        color: rgb(251, 245, 180);
-        padding: 1rem 1rem 1.5rem;
-      \\"
-    >
-      <div
-        style=\\"
-          color: rgb(232, 59, 70);
-          font-size: 1.2em;
-          margin-bottom: 1rem;
-          font-family: sans-serif;
-        \\"
-      >
-        WARNING
-      </div>
+    <div>
       <div
         style=\\"
-          line-height: 1.5;
-          font-size: 1rem;
-          font-family: Menlo, Consolas, monospace;
+          background-color: rgba(206, 17, 38, 0.1);
+          color: rgb(252, 207, 207);
+          padding: 1rem 1rem 1.5rem;
         \\"
       >
-        Warning from compilation
-      </div>
-    </div>
-    <div
-      style=\\"
-        background-color: rgba(206, 17, 38, 0.1);
-        color: rgb(252, 207, 207);
-        padding: 1rem 1rem 1.5rem;
-      \\"
-    >
-      <div
-        style=\\"
-          color: rgb(232, 59, 70);
-          font-size: 1.2em;
-          margin-bottom: 1rem;
-          font-family: sans-serif;
-        \\"
-      >
-        ERROR
+        <div
+          style=\\"
+            color: rgb(232, 59, 70);
+            font-size: 1.2em;
+            margin-bottom: 1rem;
+            font-family: sans-serif;
+          \\"
+        >
+          ERROR
+        </div>
+        <div
+          style=\\"
+            line-height: 1.5;
+            font-size: 1rem;
+            font-family: Menlo, Consolas, monospace;
+          \\"
+        >
+          Warning from compilation
+        </div>
       </div>
       <div
         style=\\"
-          line-height: 1.5;
-          font-size: 1rem;
-          font-family: Menlo, Consolas, monospace;
+          background-color: rgba(206, 17, 38, 0.1);
+          color: rgb(252, 207, 207);
+          padding: 1rem 1rem 1.5rem;
         \\"
       >
-        Error from compilation. Can't find 'test' module.
-      </div>
-    </div>
-    <div
-      style=\\"
-        background-color: rgba(206, 17, 38, 0.1);
-        color: rgb(252, 207, 207);
-        padding: 1rem 1rem 1.5rem;
-      \\"
-    >
-      <div
-        style=\\"
-          color: rgb(232, 59, 70);
-          font-size: 1.2em;
-          margin-bottom: 1rem;
-          font-family: sans-serif;
-        \\"
-      >
-        ERROR
+        <div
+          style=\\"
+            color: rgb(232, 59, 70);
+            font-size: 1.2em;
+            margin-bottom: 1rem;
+            font-family: sans-serif;
+          \\"
+        >
+          ERROR
+        </div>
+        <div
+          style=\\"
+            line-height: 1.5;
+            font-size: 1rem;
+            font-family: Menlo, Consolas, monospace;
+          \\"
+        >
+          Warning from compilation
+        </div>
       </div>
       <div
         style=\\"
-          line-height: 1.5;
-          font-size: 1rem;
-          font-family: Menlo, Consolas, monospace;
+          background-color: rgba(206, 17, 38, 0.1);
+          color: rgb(252, 207, 207);
+          padding: 1rem 1rem 1.5rem;
         \\"
       >
-        Error from compilation. Can't find 'test' module.
+        <div
+          style=\\"
+            color: rgb(232, 59, 70);
+            font-size: 1.2em;
+            margin-bottom: 1rem;
+            font-family: sans-serif;
+          \\"
+        >
+          ERROR
+        </div>
+        <div
+          style=\\"
+            line-height: 1.5;
+            font-size: 1rem;
+            font-family: Menlo, Consolas, monospace;
+          \\"
+        >
+          Error from compilation. Can't find 'test' module.
+        </div>
       </div>
-    </div>
-    <div
-      style=\\"
-        background-color: rgba(206, 17, 38, 0.1);
-        color: rgb(252, 207, 207);
-        padding: 1rem 1rem 1.5rem;
-      \\"
-    >
       <div
         style=\\"
-          color: rgb(232, 59, 70);
-          font-size: 1.2em;
-          margin-bottom: 1rem;
-          font-family: sans-serif;
+          background-color: rgba(206, 17, 38, 0.1);
+          color: rgb(252, 207, 207);
+          padding: 1rem 1rem 1.5rem;
         \\"
       >
-        ERROR
+        <div
+          style=\\"
+            color: rgb(232, 59, 70);
+            font-size: 1.2em;
+            margin-bottom: 1rem;
+            font-family: sans-serif;
+          \\"
+        >
+          ERROR
+        </div>
+        <div
+          style=\\"
+            line-height: 1.5;
+            font-size: 1rem;
+            font-family: Menlo, Consolas, monospace;
+          \\"
+        >
+          Error from compilation. Can't find 'test' module.
+        </div>
       </div>
       <div
         style=\\"
-          line-height: 1.5;
-          font-size: 1rem;
-          font-family: Menlo, Consolas, monospace;
+          background-color: rgba(206, 17, 38, 0.1);
+          color: rgb(252, 207, 207);
+          padding: 1rem 1rem 1.5rem;
         \\"
       >
-        Error from compilation. Can't find 'test' module.
+        <div
+          style=\\"
+            color: rgb(232, 59, 70);
+            font-size: 1.2em;
+            margin-bottom: 1rem;
+            font-family: sans-serif;
+          \\"
+        >
+          ERROR
+        </div>
+        <div
+          style=\\"
+            line-height: 1.5;
+            font-size: 1rem;
+            font-family: Menlo, Consolas, monospace;
+          \\"
+        >
+          Error from compilation. Can't find 'test' module.
+        </div>
       </div>
     </div>
   </div>
@@ -998,31 +1012,33 @@ exports[`overlay should show a warning and hide them after closing connection: o
     >
       ×
     </button>
-    <div
-      style=\\"
-        background-color: rgba(251, 245, 180, 0.1);
-        color: rgb(251, 245, 180);
-        padding: 1rem 1rem 1.5rem;
-      \\"
-    >
+    <div>
       <div
         style=\\"
-          color: rgb(232, 59, 70);
-          font-size: 1.2em;
-          margin-bottom: 1rem;
-          font-family: sans-serif;
+          background-color: rgba(251, 245, 180, 0.1);
+          color: rgb(251, 245, 180);
+          padding: 1rem 1rem 1.5rem;
         \\"
       >
-        WARNING
-      </div>
-      <div
-        style=\\"
-          line-height: 1.5;
-          font-size: 1rem;
-          font-family: Menlo, Consolas, monospace;
-        \\"
-      >
-        Warning from compilation
+        <div
+          style=\\"
+            color: rgb(232, 59, 70);
+            font-size: 1.2em;
+            margin-bottom: 1rem;
+            font-family: sans-serif;
+          \\"
+        >
+          WARNING
+        </div>
+        <div
+          style=\\"
+            line-height: 1.5;
+            font-size: 1rem;
+            font-family: Menlo, Consolas, monospace;
+          \\"
+        >
+          Warning from compilation
+        </div>
       </div>
     </div>
   </div>
@@ -1109,31 +1125,33 @@ exports[`overlay should show a warning for initial compilation: overlay html 1`]
     >
       ×
     </button>
-    <div
-      style=\\"
-        background-color: rgba(251, 245, 180, 0.1);
-        color: rgb(251, 245, 180);
-        padding: 1rem 1rem 1.5rem;
-      \\"
-    >
-      <div
-        style=\\"
-          color: rgb(232, 59, 70);
-          font-size: 1.2em;
-          margin-bottom: 1rem;
-          font-family: sans-serif;
-        \\"
-      >
-        WARNING
-      </div>
+    <div>
       <div
         style=\\"
-          line-height: 1.5;
-          font-size: 1rem;
-          font-family: Menlo, Consolas, monospace;
+          background-color: rgba(251, 245, 180, 0.1);
+          color: rgb(251, 245, 180);
+          padding: 1rem 1rem 1.5rem;
         \\"
       >
-        Warning from compilation
+        <div
+          style=\\"
+            color: rgb(232, 59, 70);
+            font-size: 1.2em;
+            margin-bottom: 1rem;
+            font-family: sans-serif;
+          \\"
+        >
+          WARNING
+        </div>
+        <div
+          style=\\"
+            line-height: 1.5;
+            font-size: 1rem;
+            font-family: Menlo, Consolas, monospace;
+          \\"
+        >
+          Warning from compilation
+        </div>
       </div>
     </div>
   </div>
@@ -1212,31 +1230,33 @@ exports[`overlay should show a warning when "client.overlay" is "true": overlay
     >
       ×
     </button>
-    <div
-      style=\\"
-        background-color: rgba(251, 245, 180, 0.1);
-        color: rgb(251, 245, 180);
-        padding: 1rem 1rem 1.5rem;
-      \\"
-    >
+    <div>
       <div
         style=\\"
-          color: rgb(232, 59, 70);
-          font-size: 1.2em;
-          margin-bottom: 1rem;
-          font-family: sans-serif;
+          background-color: rgba(251, 245, 180, 0.1);
+          color: rgb(251, 245, 180);
+          padding: 1rem 1rem 1.5rem;
         \\"
       >
-        WARNING
-      </div>
-      <div
-        style=\\"
-          line-height: 1.5;
-          font-size: 1rem;
-          font-family: Menlo, Consolas, monospace;
-        \\"
-      >
-        Warning from compilation
+        <div
+          style=\\"
+            color: rgb(232, 59, 70);
+            font-size: 1.2em;
+            margin-bottom: 1rem;
+            font-family: sans-serif;
+          \\"
+        >
+          WARNING
+        </div>
+        <div
+          style=\\"
+            line-height: 1.5;
+            font-size: 1rem;
+            font-family: Menlo, Consolas, monospace;
+          \\"
+        >
+          Warning from compilation
+        </div>
       </div>
     </div>
   </div>
@@ -1315,31 +1335,33 @@ exports[`overlay should show a warning when "client.overlay.errors" is "true": o
     >
       ×
     </button>
-    <div
-      style=\\"
-        background-color: rgba(251, 245, 180, 0.1);
-        color: rgb(251, 245, 180);
-        padding: 1rem 1rem 1.5rem;
-      \\"
-    >
-      <div
-        style=\\"
-          color: rgb(232, 59, 70);
-          font-size: 1.2em;
-          margin-bottom: 1rem;
-          font-family: sans-serif;
-        \\"
-      >
-        WARNING
-      </div>
+    <div>
       <div
         style=\\"
-          line-height: 1.5;
-          font-size: 1rem;
-          font-family: Menlo, Consolas, monospace;
+          background-color: rgba(251, 245, 180, 0.1);
+          color: rgb(251, 245, 180);
+          padding: 1rem 1rem 1.5rem;
         \\"
       >
-        Warning from compilation
+        <div
+          style=\\"
+            color: rgb(232, 59, 70);
+            font-size: 1.2em;
+            margin-bottom: 1rem;
+            font-family: sans-serif;
+          \\"
+        >
+          WARNING
+        </div>
+        <div
+          style=\\"
+            line-height: 1.5;
+            font-size: 1rem;
+            font-family: Menlo, Consolas, monospace;
+          \\"
+        >
+          Warning from compilation
+        </div>
       </div>
     </div>
   </div>
@@ -1418,31 +1440,33 @@ exports[`overlay should show a warning when "client.overlay.warnings" is "true":
     >
       ×
     </button>
-    <div
-      style=\\"
-        background-color: rgba(251, 245, 180, 0.1);
-        color: rgb(251, 245, 180);
-        padding: 1rem 1rem 1.5rem;
-      \\"
-    >
+    <div>
       <div
         style=\\"
-          color: rgb(232, 59, 70);
-          font-size: 1.2em;
-          margin-bottom: 1rem;
-          font-family: sans-serif;
+          background-color: rgba(251, 245, 180, 0.1);
+          color: rgb(251, 245, 180);
+          padding: 1rem 1rem 1.5rem;
         \\"
       >
-        WARNING
-      </div>
-      <div
-        style=\\"
-          line-height: 1.5;
-          font-size: 1rem;
-          font-family: Menlo, Consolas, monospace;
-        \\"
-      >
-        Warning from compilation
+        <div
+          style=\\"
+            color: rgb(232, 59, 70);
+            font-size: 1.2em;
+            margin-bottom: 1rem;
+            font-family: sans-serif;
+          \\"
+        >
+          WARNING
+        </div>
+        <div
+          style=\\"
+            line-height: 1.5;
+            font-size: 1rem;
+            font-family: Menlo, Consolas, monospace;
+          \\"
+        >
+          Warning from compilation
+        </div>
       </div>
     </div>
   </div>
@@ -1521,42 +1545,44 @@ exports[`overlay should show an ansi formatted error for initial compilation: ov
     >
       ×
     </button>
-    <div
-      style=\\"
-        background-color: rgba(206, 17, 38, 0.1);
-        color: rgb(252, 207, 207);
-        padding: 1rem 1rem 1.5rem;
-      \\"
-    >
+    <div>
       <div
         style=\\"
-          color: rgb(232, 59, 70);
-          font-size: 1.2em;
-          margin-bottom: 1rem;
-          font-family: sans-serif;
+          background-color: rgba(206, 17, 38, 0.1);
+          color: rgb(252, 207, 207);
+          padding: 1rem 1rem 1.5rem;
         \\"
       >
-        ERROR
-      </div>
-      <div
-        style=\\"
-          line-height: 1.5;
-          font-size: 1rem;
-          font-family: Menlo, Consolas, monospace;
-        \\"
-      >
-        <span
+        <div
           style=\\"
-            font-weight: normal;
-            opacity: 1;
-            color: #transparent;
-            background: #transparent;
+            color: rgb(232, 59, 70);
+            font-size: 1.2em;
+            margin-bottom: 1rem;
+            font-family: sans-serif;
           \\"
         >
-          <span style=\\"color: #6d7891\\"> 18 |</span>
-          <span style=\\"color: #ffd080\\">Render</span>
-          <span style=\\"color: #ffd080\\">ansi formatted text</span></span
+          ERROR
+        </div>
+        <div
+          style=\\"
+            line-height: 1.5;
+            font-size: 1rem;
+            font-family: Menlo, Consolas, monospace;
+          \\"
         >
+          <span
+            style=\\"
+              font-weight: normal;
+              opacity: 1;
+              color: #transparent;
+              background: #transparent;
+            \\"
+          >
+            <span style=\\"color: #6d7891\\"> 18 |</span>
+            <span style=\\"color: #ffd080\\">Render</span>
+            <span style=\\"color: #ffd080\\">ansi formatted text</span></span
+          >
+        </div>
       </div>
     </div>
   </div>
@@ -1635,31 +1661,33 @@ exports[`overlay should show an error after invalidation: overlay html 1`] = `
     >
       ×
     </button>
-    <div
-      style=\\"
-        background-color: rgba(206, 17, 38, 0.1);
-        color: rgb(252, 207, 207);
-        padding: 1rem 1rem 1.5rem;
-      \\"
-    >
+    <div>
       <div
         style=\\"
-          color: rgb(232, 59, 70);
-          font-size: 1.2em;
-          margin-bottom: 1rem;
-          font-family: sans-serif;
+          background-color: rgba(206, 17, 38, 0.1);
+          color: rgb(252, 207, 207);
+          padding: 1rem 1rem 1.5rem;
         \\"
       >
-        ERROR
-      </div>
-      <div
-        style=\\"
-          line-height: 1.5;
-          font-size: 1rem;
-          font-family: Menlo, Consolas, monospace;
-        \\"
-      >
-        Error from compilation
+        <div
+          style=\\"
+            color: rgb(232, 59, 70);
+            font-size: 1.2em;
+            margin-bottom: 1rem;
+            font-family: sans-serif;
+          \\"
+        >
+          ERROR
+        </div>
+        <div
+          style=\\"
+            line-height: 1.5;
+            font-size: 1rem;
+            font-family: Menlo, Consolas, monospace;
+          \\"
+        >
+          Error from compilation
+        </div>
       </div>
     </div>
   </div>
@@ -1738,31 +1766,33 @@ exports[`overlay should show an error for initial compilation: overlay html 1`]
     >
       ×
     </button>
-    <div
-      style=\\"
-        background-color: rgba(206, 17, 38, 0.1);
-        color: rgb(252, 207, 207);
-        padding: 1rem 1rem 1.5rem;
-      \\"
-    >
+    <div>
       <div
         style=\\"
-          color: rgb(232, 59, 70);
-          font-size: 1.2em;
-          margin-bottom: 1rem;
-          font-family: sans-serif;
+          background-color: rgba(206, 17, 38, 0.1);
+          color: rgb(252, 207, 207);
+          padding: 1rem 1rem 1.5rem;
         \\"
       >
-        ERROR
-      </div>
-      <div
-        style=\\"
-          line-height: 1.5;
-          font-size: 1rem;
-          font-family: Menlo, Consolas, monospace;
-        \\"
-      >
-        Error from compilation. Can't find 'test' module.
+        <div
+          style=\\"
+            color: rgb(232, 59, 70);
+            font-size: 1.2em;
+            margin-bottom: 1rem;
+            font-family: sans-serif;
+          \\"
+        >
+          ERROR
+        </div>
+        <div
+          style=\\"
+            line-height: 1.5;
+            font-size: 1rem;
+            font-family: Menlo, Consolas, monospace;
+          \\"
+        >
+          Error from compilation. Can't find 'test' module.
+        </div>
       </div>
     </div>
   </div>
@@ -1841,31 +1871,33 @@ exports[`overlay should show an error when "client.overlay" is "true": overlay h
     >
       ×
     </button>
-    <div
-      style=\\"
-        background-color: rgba(206, 17, 38, 0.1);
-        color: rgb(252, 207, 207);
-        padding: 1rem 1rem 1.5rem;
-      \\"
-    >
+    <div>
       <div
         style=\\"
-          color: rgb(232, 59, 70);
-          font-size: 1.2em;
-          margin-bottom: 1rem;
-          font-family: sans-serif;
+          background-color: rgba(206, 17, 38, 0.1);
+          color: rgb(252, 207, 207);
+          padding: 1rem 1rem 1.5rem;
         \\"
       >
-        ERROR
-      </div>
-      <div
-        style=\\"
-          line-height: 1.5;
-          font-size: 1rem;
-          font-family: Menlo, Consolas, monospace;
-        \\"
-      >
-        Error from compilation. Can't find 'test' module.
+        <div
+          style=\\"
+            color: rgb(232, 59, 70);
+            font-size: 1.2em;
+            margin-bottom: 1rem;
+            font-family: sans-serif;
+          \\"
+        >
+          ERROR
+        </div>
+        <div
+          style=\\"
+            line-height: 1.5;
+            font-size: 1rem;
+            font-family: Menlo, Consolas, monospace;
+          \\"
+        >
+          Error from compilation. Can't find 'test' module.
+        </div>
       </div>
     </div>
   </div>
@@ -1944,31 +1976,33 @@ exports[`overlay should show an error when "client.overlay.errors" is "true": ov
     >
       ×
     </button>
-    <div
-      style=\\"
-        background-color: rgba(206, 17, 38, 0.1);
-        color: rgb(252, 207, 207);
-        padding: 1rem 1rem 1.5rem;
-      \\"
-    >
-      <div
-        style=\\"
-          color: rgb(232, 59, 70);
-          font-size: 1.2em;
-          margin-bottom: 1rem;
-          font-family: sans-serif;
-        \\"
-      >
-        ERROR
-      </div>
+    <div>
       <div
         style=\\"
-          line-height: 1.5;
-          font-size: 1rem;
-          font-family: Menlo, Consolas, monospace;
+          background-color: rgba(206, 17, 38, 0.1);
+          color: rgb(252, 207, 207);
+          padding: 1rem 1rem 1.5rem;
         \\"
       >
-        Error from compilation. Can't find 'test' module.
+        <div
+          style=\\"
+            color: rgb(232, 59, 70);
+            font-size: 1.2em;
+            margin-bottom: 1rem;
+            font-family: sans-serif;
+          \\"
+        >
+          ERROR
+        </div>
+        <div
+          style=\\"
+            line-height: 1.5;
+            font-size: 1rem;
+            font-family: Menlo, Consolas, monospace;
+          \\"
+        >
+          Error from compilation. Can't find 'test' module.
+        </div>
       </div>
     </div>
   </div>
@@ -2047,31 +2081,33 @@ exports[`overlay should show an error when "client.overlay.warnings" is "true":
     >
       ×
     </button>
-    <div
-      style=\\"
-        background-color: rgba(251, 245, 180, 0.1);
-        color: rgb(251, 245, 180);
-        padding: 1rem 1rem 1.5rem;
-      \\"
-    >
+    <div>
       <div
         style=\\"
-          color: rgb(232, 59, 70);
-          font-size: 1.2em;
-          margin-bottom: 1rem;
-          font-family: sans-serif;
+          background-color: rgba(251, 245, 180, 0.1);
+          color: rgb(251, 245, 180);
+          padding: 1rem 1rem 1.5rem;
         \\"
       >
-        WARNING
-      </div>
-      <div
-        style=\\"
-          line-height: 1.5;
-          font-size: 1rem;
-          font-family: Menlo, Consolas, monospace;
-        \\"
-      >
-        Warning from compilation
+        <div
+          style=\\"
+            color: rgb(232, 59, 70);
+            font-size: 1.2em;
+            margin-bottom: 1rem;
+            font-family: sans-serif;
+          \\"
+        >
+          WARNING
+        </div>
+        <div
+          style=\\"
+            line-height: 1.5;
+            font-size: 1rem;
+            font-family: Menlo, Consolas, monospace;
+          \\"
+        >
+          Warning from compilation
+        </div>
       </div>
     </div>
   </div>