diff --git a/assets/styles/mobile.css b/assets/styles/mobile.css
index 9546ea8..e33e1ad 100644
--- a/assets/styles/mobile.css
+++ b/assets/styles/mobile.css
@@ -14,11 +14,20 @@
         width: 99.5%;
     }
 
+    .header .search {
+        z-index: -1;
+    }
+
     .header input:first-child:checked ~ .navigation .content .logo, 
     .header input:first-child:checked ~ .navigation label {
         visibility: hidden;
     }
 
+    .header input:first-child:checked ~ .search {
+        z-index: 1;
+    }
+
+
     .search button {
         right: 22%;
     }
@@ -205,11 +214,19 @@ and (max-height: 415px) {
         width: 99.75%;
     }
 
+    .header .search {
+        z-index: -1;
+    }
+
     .header input:first-child:checked ~ .navigation .content .logo, 
     .header input:first-child:checked ~ .navigation label {
         visibility: hidden;
     }
 
+    .header input:first-child:checked ~ .search {
+        z-index: 1;
+    }
+
     .search button {
         right: 12%;
     }
diff --git a/assets/styles/tablet.css b/assets/styles/tablet.css
index feb312c..1e71301 100644
--- a/assets/styles/tablet.css
+++ b/assets/styles/tablet.css
@@ -10,6 +10,9 @@ and (min-height: 415px) {
         position: unset;
         line-height: 30px;
     }
+    .header .search {
+        z-index: -1;
+    }
     .navigation .content {
         flex-direction: column;
         margin: 0 auto;
@@ -39,6 +42,9 @@ and (min-height: 415px) {
     .header input:first-child:checked ~ .navigation .content .logo{
         visibility: hidden;
     }
+    .header input:first-child:checked ~ .search {
+        z-index: 1;
+    }
     .header .search input {
         width: 50%;
         right: 30%;