diff --git a/components/navigation/Bar.vue b/components/navigation/Bar.vue
index eb3fe5f57383514ef10b1d71de4e36fd440e8834..05dfdd16ebf8a77faa4ac2d554c58b31d011e63a 100644
--- a/components/navigation/Bar.vue
+++ b/components/navigation/Bar.vue
@@ -28,7 +28,7 @@ $btn-width: 50px;
 
 .header {
   --menu-width: 0px;
-  width: calc(99vw - var(--menu-width));
+  width: 100%;
   z-index: 100;
   background: var(--background-color-primary);
   transition: width .5s ease-in-out;
@@ -36,6 +36,10 @@ $btn-width: 50px;
   .open & {
     --menu-width: 320px;
   }
+
+  @media (min-width:1200px) {
+    width: calc(99vw - var(--menu-width));
+  }
 }
 
 nav.breadcrumb {