diff --git a/_src/_assets/styles/bigchain/_hero.scss b/_src/_assets/styles/bigchain/_hero.scss
index 286a4bc..64ab330 100644
--- a/_src/_assets/styles/bigchain/_hero.scss
+++ b/_src/_assets/styles/bigchain/_hero.scss
@@ -30,6 +30,10 @@ $menu-height-md: 66px;
         margin: 0 auto;
         max-width: 10em;
 
+        // visual centering
+        position: relative;
+        right: -3%;
+
         @media ($screen-sm) {
             max-width: 13em;
         }
diff --git a/_src/_assets/styles/bigchain/_menus.scss b/_src/_assets/styles/bigchain/_menus.scss
index bb14cc6..f9d83d2 100644
--- a/_src/_assets/styles/bigchain/_menus.scss
+++ b/_src/_assets/styles/bigchain/_menus.scss
@@ -18,7 +18,7 @@
 .menu__link {
     @extend .small;
     display: inline-block;
-    padding: ($spacer / 2);
+    padding: $spacer ($spacer / 2);
     text-transform: uppercase;
     box-shadow: none;
     position: relative;
@@ -38,7 +38,7 @@
         display: block;
         left: 50%;
         margin-left: -15px;
-        bottom: 0;
+        bottom: ($spacer / 2);
         // hidden by default
         transform: scale(0);
         transform-origin: center;
@@ -61,6 +61,11 @@
 .menu__logo {
     display: block;
     box-shadow: none;
+    padding-top: $spacer;
+
+    @media ($screen-md) {
+        padding-top: 0;
+    }
 
     svg {
         @extend .transition;
@@ -86,11 +91,11 @@
     background: rgba($brand-main-blue-dark, .35);
     backdrop-filter: saturate(150%) blur(10px);
     border-bottom: 1px solid rgba($gray, .9);
-    padding-top: $spacer;
-    padding-bottom: $spacer;
+    padding-top: ($spacer / 2);
+    padding-bottom: ($spacer / 2);
 
     .menu__logo {
-        margin-bottom: $spacer / 2;
+        margin-bottom: ($spacer / 2);
 
         @media ($screen-md) {
             margin-bottom: 0;
@@ -123,6 +128,7 @@
     margin-right: -$gutter-space / 2;
     padding-left: $gutter-space / 2;
     padding-right: $gutter-space / 2;
+    max-width: 100%;
 
     &::-webkit-scrollbar { display: none; }