fix(SW-812): styling fixes for the header and related components

components/Header/MainMenu/NavigationMenu/NavigationMenuItem/navigationMenuItem.module.css

@@ -1,3 +1,7 @@
+.navigationMenuItem {
+  font-weight: 500; /* Should be fixed when variables starts working: var(--typography-Body-Bold-fontWeight); */
+}
+
 .navigationMenuItem.mobile {
   display: flex;
   justify-content: space-between;
@@ -38,8 +42,7 @@
   .dropdown {
     display: none;
     position: absolute;
-    top: var(--main-menu-desktop-height);
-    /* top: var(--Spacing-x5); */
+    top: calc(3.5rem - 2px); /* 3.5rem is the height of the main menu + bottom padding. */
     left: 50%;
     transform: translateX(-50%);
     border-radius: var(--Corner-radius-Large);