diff --git a/app/assets/stylesheets/arclight/modules/mastheads.scss b/app/assets/stylesheets/arclight/modules/mastheads.scss
index ca08ba572..0f439a389 100644
--- a/app/assets/stylesheets/arclight/modules/mastheads.scss
+++ b/app/assets/stylesheets/arclight/modules/mastheads.scss
@@ -46,10 +46,6 @@
   }
 
   @media (max-width: 767px) {
-    .nav-links {
-      justify-content: center !important;
-    }
-
     h1 {
       text-align: center;
     }
diff --git a/app/components/arclight/masthead_component.html.erb b/app/components/arclight/masthead_component.html.erb
index a02a52165..df7006c9a 100644
--- a/app/components/arclight/masthead_component.html.erb
+++ b/app/components/arclight/masthead_component.html.erb
@@ -5,7 +5,7 @@
         <span class="h1"><%= heading %></span>
       </div>
 
-      <nav class="col-md-4 nav-links d-flex justify-content-end" aria-label="browse">
+      <nav class="navbar navbar-expand col-md-4 d-flex justify-content-md-end justify-content-center" aria-label="browse">
         <ul class="navbar-nav">
           <%= render 'shared/main_menu_links' %>
         </ul>