diff --git a/docs/components/scrollspy.md b/docs/components/scrollspy.md
index 52b7c29cd..74829267e 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>