diff --git a/scss/_navbar.scss b/scss/_navbar.scss
index 12fe8c1b40..c9af116dc5 100644
--- a/scss/_navbar.scss
+++ b/scss/_navbar.scss
@@ -265,10 +265,19 @@
       }
 
       @include media-breakpoint-up($next) {
-        display: flex;
+        flex-direction: row;
         flex-wrap: nowrap;
         align-items: center;
 
+        .navbar-nav {
+          flex-direction: row;
+
+          .nav-link {
+            padding-right: .5rem;
+            padding-left: .5rem;
+          }
+        }
+
         // For nesting containers, have to redeclare for alignment purposes
         > .container {
           display: flex;
@@ -283,15 +292,6 @@
         }
         // scss-lint:enable ImportantRule
 
-        .nav-item {
-          display: inline-block;
-        }
-
-        .nav-link {
-          padding-right: .5rem;
-          padding-left: .5rem;
-        }
-
         .navbar-toggler {
           display: none;
         }