fix(navbar): ensure .navbar-collapse behaves as intended (#33022)

diff --git a/scss/_navbar.scss b/scss/_navbar.scss
index 837f487e258a9136247b922b5a4e5e276f5016ca..21126b4ede515d9a1a7d59d95526728734a5b10a 100644 (file)
--- a/scss/_navbar.scss
+++ b/scss/_navbar.scss
@@ -109,6 +109,7 @@
 // the default flexbox row orientation. Requires the use of `flex-wrap: wrap`
 // on the `.navbar` parent.
 .navbar-collapse {
+  flex-basis: 100%;
   flex-grow: 1;
   // For always expanded or extra full navbars, ensure content aligns itself
   // properly vertically. Can be easily overridden with flex utilities.
@@ -185,6 +186,7 @@
 
         .navbar-collapse {
           display: flex !important; // stylelint-disable-line declaration-no-important
+          flex-basis: auto;
         }
 
         .navbar-toggler {