diff --git a/docs/components/navbar.md b/docs/components/navbar.md
index 2ee4c563ff8f105e55e46572ca120d630c5ab7a4..446c9a089d55086f00957d1fc5a9537195d7bc38 100644
--- a/docs/components/navbar.md
+++ b/docs/components/navbar.md
@@ -202,7 +202,8 @@ Place various form controls and components within a navbar with `.form-inline`.
 Align the contents of your inline forms with utilities as needed.
 
 {% example html %}
-<nav class="navbar navbar-light bg-faded justify-content-end">
+<nav class="navbar navbar-light bg-faded justify-content-between">
+  <a class="navbar-brand">Navbar</a>
   <form class="form-inline">
     <input class="form-control mr-sm-2" type="text" placeholder="Search">
     <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
diff --git a/scss/_navbar.scss b/scss/_navbar.scss
index ecda1cbbfe7b971cc0a87a84a88865b204a62306..71de44e56bf573bb66772ffb6f07c0bd766e7b6c 100644
--- a/scss/_navbar.scss
+++ b/scss/_navbar.scss
@@ -5,6 +5,7 @@
 
 .navbar {
   position: relative;
+  display: flex;
   padding: $navbar-padding-y $navbar-padding-x;
 }