diff --git a/view/layout.tmpl b/view/layout.tmpl
index 25ef245..18bdb2c 100644
--- a/view/layout.tmpl
+++ b/view/layout.tmpl
@@ -23,15 +23,16 @@
     <body>
       <div id="background"></div>
       <main id="content">{{ block "content" . }}{{ end }}</main>
-      {{ if .App.Config.EnableBackgroundEffect }}
       <script type="module">
-        import { background } from "{{.App.PublicURL}}/bundle.js";
-        background(document.querySelector("#background"));
-
         for (const el of document.querySelectorAll(".noscript-hidden")) {
           el.classList.remove("noscript-hidden");
         }
       </script>
+      {{ if .App.Config.EnableBackgroundEffect }}
+        <script type="module">
+          import { background } from "{{.App.PublicURL}}/bundle.js";
+          background(document.querySelector("#background"));
+        </script>
       {{ end }}
     </body>
   </html>
