diff --git a/docs/components/scrollspy.md b/docs/components/scrollspy.md
index 52b7c29cdc..74829267e4 100644
--- a/docs/components/scrollspy.md
+++ b/docs/components/scrollspy.md
@@ -15,8 +15,8 @@ group: components
 The ScrollSpy plugin is for automatically updating nav targets based on scroll position. Scroll the area below the navbar and watch the active class change. The dropdown sub items will be highlighted as well.
 
 <div class="bd-example">
-  <nav id="navbar-example2" class="navbar navbar-default">
-    <h3 class="navbar-brand">Project Name</h3>
+  <nav id="navbar-example2" class="navbar navbar-light bg-faded">
+    <a class="navbar-brand" href="#">Navbar</a>
     <ul class="nav nav-pills">
       <li class="nav-item"><a class="nav-link" href="#fat">@fat</a></li>
       <li class="nav-item"><a class="nav-link" href="#mdo">@mdo</a></li>