diff --git a/docs/components/navbar.md b/docs/components/navbar.md
index a891d6d039..8a9e4c5738 100644
--- a/docs/components/navbar.md
+++ b/docs/components/navbar.md
@@ -56,8 +56,8 @@ Here's an example of all the sub-components included in a responsive light-theme
       </li>
     </ul>
     <form class="form-inline mt-2 mt-md-0">
-      <input class="form-control" type="text" placeholder="Search">
-      <button class="btn btn-outline-success my-2 my-md-0" type="submit">Search</button>
+      <input class="form-control mr-md-2" type="text" placeholder="Search">
+      <button class="btn btn-outline-success my-2 my-lg-0" type="submit">Search</button>
     </form>
   </div>
 </nav>