diff --git a/src/components/Header.astro b/src/components/Header.astro
index f26711f..415cf0f 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -123,20 +123,21 @@ import Logo from './Logo.astro';
 
   .menu-backdrop {
     display: none;
-  }
-
-  #mobile-checkbox:checked ~ .mobile-icon-button .menu-backdrop {
-    display: block;
     position: fixed;
     top: 0;
     left: 0;
     width: 100vw;
     height: 100vh;
+    -webkit-backdrop-filter: blur(5px);
     backdrop-filter: blur(5px);
     z-index: 1;
     background: rgba(0, 0, 0, 0.2);
   }
 
+  #mobile-checkbox:checked ~ .mobile-icon-button .menu-backdrop {
+    display: block;
+  }
+
   .mobile-icon-button-icon.icon-close {
     display: none;
     position: fixed;