diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
index 50759088d5..1e0a9840c9 100644
--- a/docs/stylesheets/extra.css
+++ b/docs/stylesheets/extra.css
@@ -144,6 +144,11 @@ a.md-header__button.md-logo img {
 .md-tabs {
   color: black;
   font-weight: bold;
+  flex-shrink: 0;
+}
+
+.md-tabs__list {
+  flex-shrink: 0;
 }
 
 .md-header__source {
diff --git a/overrides/partials/header.html b/overrides/partials/header.html
index a761d3c7b5..b5eedcbbc1 100644
--- a/overrides/partials/header.html
+++ b/overrides/partials/header.html
@@ -84,35 +84,6 @@
       {% include "partials/javascripts/palette.html" %}
     {% endif %}
 
-    <!-- Top Nav -->
-    <ul class="md-tabs__list mr-30">
-      <li class="md-tabs__item">
-        <a href="{{ config.extra.homepage | d(nav.homepage.url, true) | url }}" class="md-tabs__link">
-          Home
-        </a>
-      </li>
-      <li class="md-tabs__item">
-        <a href="/docs/" class="md-tabs__link">
-          Docs
-        </a>
-      </li>
-      <li class="md-tabs__item">
-        <a href="/about/testimonials/" class="md-tabs__link">
-          About
-        </a>
-      </li>
-      <li class="md-tabs__item">
-        <a href="/blog/" class="md-tabs__link">
-          Blog
-        </a>
-      </li>
-      <li class="md-tabs__item">
-        <a href="/community/" class="md-tabs__link">
-          Community
-        </a>
-      </li>
-    </ul>
-
     <!-- Site language selector -->
     {% if config.extra.alternate %}
       {% include "partials/alternate.html" %}
@@ -142,6 +113,35 @@
     {% endif %}
   </nav>
 
+    <!-- Top Nav -->
+    <ul class="md-tabs__list mr-30">
+      <li class="md-tabs__item">
+        <a href="{{ config.extra.homepage | d(nav.homepage.url, true) | url }}" class="md-tabs__link">
+          Home
+        </a>
+      </li>
+      <li class="md-tabs__item">
+        <a href="/docs/" class="md-tabs__link">
+          Docs
+        </a>
+      </li>
+      <li class="md-tabs__item">
+        <a href="/about/testimonials/" class="md-tabs__link">
+          About
+        </a>
+      </li>
+      <li class="md-tabs__item">
+        <a href="/blog/" class="md-tabs__link">
+          Blog
+        </a>
+      </li>
+      <li class="md-tabs__item">
+        <a href="/community/" class="md-tabs__link">
+          Community
+        </a>
+      </li>
+    </ul>
+
   <!-- Sub Navigation tabs (sticky) -->
   {% if not page.is_homepage %}
     {% if "navigation.tabs.sticky" in features %}