diff --git a/frontend/src/lib/components/header/Header.svelte b/frontend/src/lib/components/header/Header.svelte
index 6e48ad2..0e572a9 100644
--- a/frontend/src/lib/components/header/Header.svelte
+++ b/frontend/src/lib/components/header/Header.svelte
@@ -2,6 +2,7 @@
     import { onMount } from "svelte"
     import DesktopHeader from "./desktop.svelte"
     import MobileHeader from "./mobile.svelte"
+    import { refresh } from "../../stores"
 
     let background: boolean
     let isHomePage: boolean
@@ -46,14 +47,15 @@
 </script>
 
 <main class="headercontainer">
-    <nav class="trans" class:bg="{background || show}">
-        <div class="mobile-header">
-            <MobileHeader bind:show="{show}" />
-        </div>
-        <div class="desktop-header">
-            <DesktopHeader bind:show="{show}" />
-        </div>
-    </nav>
+    {#key $refresh}
+        <nav class="trans" class:bg="{background || show}">
+            <div class="mobile-header">
+                <MobileHeader bind:show="{show}" />
+            </div>
+            <div class="desktop-header">
+                <DesktopHeader bind:show="{show}" />
+            </div>
+        </nav>{/key}
 </main>
 {#if !isHomePage}
     <div class="placeholder"></div>