diff --git a/assets/scss/academic/_nav.scss b/assets/scss/academic/_nav.scss
index e34831fe71e..63e344c8a04 100644
--- a/assets/scss/academic/_nav.scss
+++ b/assets/scss/academic/_nav.scss
@@ -40,6 +40,13 @@
   .navbar-nav {
     display: flex;
 
+    // Vertically centre every item (links, button, icons) on one line in the
+    // horizontal (lg+) navbar. Left to the default `stretch` the button and
+    // menu links sit on different centre lines.
+    @include media-breakpoint-up(lg) {
+      align-items: center;
+    }
+
     .nav-link {
       color: rgba($sta-menu-text, .85);
 
diff --git a/assets/scss/custom.scss b/assets/scss/custom.scss
index 473c7a93351..d89a90509b0 100644
--- a/assets/scss/custom.scss
+++ b/assets/scss/custom.scss
@@ -25,11 +25,22 @@
 }
 
 .nav-btn {
-  line-height: initial;
+  display: inline-flex;
+  align-items: center;
+  line-height: 1.5;
+  font-weight: bold; // Match the bold weight of the main menu items.
   background-color: #fefdf6 !important;
   color: #3e3e3e !important;
 }
 
+// The FORRT wordmark inside the logo image sits low, so although the image is
+// flex-centred the wordmark lands ~6.5px below the navbar centre line that the
+// menu links and icons share. Nudge the desktop logo up so the wordmark aligns
+// with the menu text. Scoped to the desktop logo only (mobile brand untouched).
+.d-lg-inline-flex .navbar-brand img {
+  transform: translateY(-3px);
+}
+
 @media print {
   .tab-content>.tab-pane {
     display: block !important;