diff --git a/scss/_nav.scss b/scss/_nav.scss
index c152bc6fa..ad142abfc 100644
--- a/scss/_nav.scss
+++ b/scss/_nav.scss
@@ -211,8 +211,8 @@
 .nav-justified {
   > .nav-link,
   .nav-item {
-    flex-basis: 0;
     flex-grow: 1;
+    flex-basis: 0;
     text-align: center;
   }
 }
diff --git a/scss/_navbar.scss b/scss/_navbar.scss
index eea9e8c52..3779947a3 100644
--- a/scss/_navbar.scss
+++ b/scss/_navbar.scss
@@ -139,8 +139,8 @@
 // the default flexbox row orientation. Requires the use of `flex-wrap: wrap`
 // on the `.navbar` parent.
 .navbar-collapse {
-  flex-basis: 100%;
   flex-grow: 1;
+  flex-basis: 100%;
   // For always expanded or extra full navbars, ensure content aligns itself
   // properly vertically. Can be easily overridden with flex utilities.
   align-items: center;