diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 7753643..f59b310 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -46,6 +46,33 @@ const appTitle = article?.title ? `${article.title} | Cozy` : 'Cozy';
       )
     }
     <link rel="shortcut icon" type="image/svg+xml" href="/favicon.svg" />
+    <script is:inline type="module">
+      async function handleUpdate() {
+        if ("serviceWorker"in navigator) {
+          let refreshing;
+
+          // check to see if there is a current active service worker
+          const oldSw = (await navigator.serviceWorker.getRegistration())?.active?.state;
+
+          navigator.serviceWorker.addEventListener('controllerchange', async () => {
+            if (refreshing) return;
+
+            // when the controllerchange event has fired, we get the new service worker
+            const newSw = (await navigator.serviceWorker.getRegistration())?.active?.state;
+
+            // if there was already an old activated service worker, and a new activating service worker, do the reload
+            if(oldSw === 'activated' && newSw === 'activating') {
+              refreshing = true;
+              window.location.reload();
+            }
+          });
+        }
+      }
+
+console.log('something unique')
+
+      handleUpdate();
+    </script>
   </head>
   <body>
     <div id="app-wrapper">
