diff --git a/packages/website/src/app/header/header.element.scss b/packages/website/src/app/header/header.element.scss
index 9c17241..dac8f34 100644
--- a/packages/website/src/app/header/header.element.scss
+++ b/packages/website/src/app/header/header.element.scss
@@ -1,3 +1,4 @@
+@import 'mixins/media-query';
 @import 'theming/variables';
 
 devpr-header {
@@ -25,15 +26,24 @@ devpr-header > svg {
 ul {
   margin: 0;
   padding: 0;
-  width: 100%;
-  z-index: -1;
   list-style: none;
   overflow: hidden;
-  position: absolute;
-  margin-top: -40px;
   background-color: $devpr-surface;
 }
 
+devpr-header {
+  @include mobile {
+    ul {
+      margin-top: -40px;
+    }
+  }
+  @include tablet {
+    ul {
+      margin-top: -40px;
+    }
+  }
+}
+
 li a {
   display: block;
   padding: 20px 20px;