diff --git a/client/src/app/shared/shared-main/misc/top-menu-dropdown.component.scss b/client/src/app/shared/shared-main/misc/top-menu-dropdown.component.scss
index 655c38489..84dd7dce3 100644
--- a/client/src/app/shared/shared-main/misc/top-menu-dropdown.component.scss
+++ b/client/src/app/shared/shared-main/misc/top-menu-dropdown.component.scss
@@ -1,12 +1,6 @@
 @import '_variables';
 @import '_mixins';
 
-:host {
-  display: block;
-  height: $sub-menu-height;
-  margin-bottom: $sub-menu-margin-bottom;
-}
-
 .parent-entry {
   span[role=button] {
     cursor: pointer;
diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index c76e5db7b..ea89ca9ce 100644
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -136,6 +136,10 @@ label {
     flex-grow: 1;
   }
 
+  my-top-menu-dropdown + .margin-content {
+    padding-top: $sub-menu-height + $sub-menu-margin-bottom;
+  }
+
   .sub-menu {
     background-color: pvar(--submenuColor);
     width: 100%;
@@ -145,7 +149,11 @@ label {
     padding-left: $not-expanded-horizontal-margins;
     padding-right: $not-expanded-horizontal-margins;
     position: fixed;
-    z-index: 1;
+    z-index: #{z('header') - 1};
+
+    & + .margin-content {
+      margin-top: $sub-menu-margin-bottom;
+    }
   }
 
   // Override some properties if the main content is expanded (no menu on the left)