[BUGFIX] Fix mobile menu header

Author: linawolf

packages/typo3-docs-theme/assets/sass/_component_page.scss

@@ -49,8 +49,8 @@
 .page-main-navigation {
     flex-grow: 0;
     margin-left: calc(#{$grid-gutter-width} / 2 * -1);
-    margin-right: calc(#{grid-gutter-width} / 2 * -1);
-    padding: calc(#{grid-gutter-width} / 2);
+    margin-right: calc(#{$grid-gutter-width} / 2 * -1);
+    padding: calc(#{$grid-gutter-width} / 2);
     border-bottom: 1px solid rgba(0, 0, 0, .15);
     @include media-breakpoint-up(lg) {
         padding: ($spacer * 2) 0;
@@ -59,7 +59,6 @@
         margin: 0;
         margin-right: $grid-gutter-width;
         padding-right: calc(#{$grid-gutter-width} / 2);
-        padding-right: calc(#{$grid-gutter-width} / 2);
         border-bottom: none;
         border-right: 1px solid rgba(0, 0, 0, .15);
     }

packages/typo3-docs-theme/resources/public/css/theme.css

@@ -23832,8 +23832,8 @@ article *:hover > a.headerlink:after, article *:hover > a.permalink:after {
 .page-main-navigation {
   flex-grow: 0;
   margin-left: calc(40px / 2 * -1);
-  margin-right: calc(grid-gutter-width / 2 * -1);
-  padding: calc(grid-gutter-width / 2);
+  margin-right: calc(40px / 2 * -1);
+  padding: calc(40px / 2);
   border-bottom: 1px solid rgba(0, 0, 0, 0.15);
 }
 @media (min-width: 992px) {
@@ -23844,7 +23844,6 @@ article *:hover > a.headerlink:after, article *:hover > a.permalink:after {
     margin: 0;
     margin-right: 40px;
     padding-right: calc(40px / 2);
-    padding-right: calc(40px / 2);
     border-bottom: none;
     border-right: 1px solid rgba(0, 0, 0, 0.15);
   }