diff --git a/docs/components/new-navbar.md b/docs/components/new-navbar.md
index 4e79f83fb1..a409bb0ad0 100644
--- a/docs/components/new-navbar.md
+++ b/docs/components/new-navbar.md
@@ -108,12 +108,13 @@ Proposal to replace the existing navbar with something simpler and more customiz
 </div>
 
 
-<div class="navbar navbar-default">
-  <div class="collapse" id="navbar-header">
+<div class="collapse" id="navbar-header">
+  <div class="inverse p-a">
     <h3>Collapsed content</h3>
     <p>Toggleable via the navbar brand.</p>
   </div>
-
+</div>
+<div class="navbar navbar-default">
   <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-header">
     &#9776;
   </button>