diff --git a/static/demos/light-dark-demo-4/index.html b/static/demos/light-dark-demo-4/index.html
index 3345db4..248b8e9 100644
--- a/static/demos/light-dark-demo-4/index.html
+++ b/static/demos/light-dark-demo-4/index.html
@@ -51,14 +51,12 @@
     <script type="module">
         function toggleTheme(e) {
             e.preventDefault();
-
+            fetch('./light-dark-toggle')
             if (!document.body.classList.contains("toggled")) {
                 document.body.classList.add("toggled")
-                localStorage.setItem("toggled-theme", "yes");
             }
             else {
                 document.body.classList.remove("toggled")
-                localStorage.setItem("toggled-theme", "no");
             }
         }
         window.addEventListener("load", () => {
diff --git a/static/demos/light-dark-demo-4/sw.js b/static/demos/light-dark-demo-4/sw.js
index 86f2966..0926582 100644
--- a/static/demos/light-dark-demo-4/sw.js
+++ b/static/demos/light-dark-demo-4/sw.js
@@ -108,9 +108,7 @@ async function handle_html(req, resp, body){
             grab.onsuccess = (event) => {res(!!event.target.result)};
         };
     });
-
     if(!toggled) return resp;
-
     return new Response(body.replace("<body>", '<body class="toggled">'), {
             headers:resp.headers,
             status: resp.status
