menu wraps on big

src/style/App.scss

@@ -71,7 +71,7 @@ button {
 h1,
 h2,
 h3 {
-  font-family:$font-space;
+  font-family:$font-chivo;
 }
 
 strong,

src/style/Header.scss

@@ -111,13 +111,19 @@ button.dropdown-toggle {
 }
 
 @media (max-width: 860px) {
+
+
+  .header-mega-menu {
+    /* TODO: FIX THE OVERFLOWS ON ALL MENU STUFF*/
+      max-height: calc(100vh - 53px);
+      overflow-y: auto;
+  }
+
     .header-mega-menu {
         width: 100vw;
         left: auto;
         right: 0px;
-        max-height: calc(100vh - 53px);
         border: none;
-        overflow-y: auto;
         top: 53px;
         z-index:2000;
     }
@@ -127,6 +133,18 @@ button.dropdown-toggle {
     }
 }
 
+@media (min-width:861px){
+  .dropdown-menu-artskart{
+    display: flex;
+    gap: 7%;
+    padding: 10px;
+    padding-top: 10px;
+    padding-top: 0;
+    max-height: calc(100vh - 53px);
+    overflow-y: auto;
+  }
+}
+
 .dropdown-box {
     display: flex;
     flex-direction: row;