Merge pull request #10131 from weseek/imprv/margin-top-for-main-container

imprv: Adjust margin-top for .main at md and lg breakpoints

apps/app/src/styles/_layout.scss

@@ -42,9 +42,13 @@ body {
 .main {
   margin-top: 1rem;
 
-  @include bs.media-breakpoint-up(lg) {
+  @include bs.media-breakpoint-up(md) {
     margin-top: 2rem;
   }
+
+  @include bs.media-breakpoint-up(lg) {
+    margin-top: 4rem;
+  }
 }
 
 // md/lg layout padding