diff --git a/_includes/nav-components.html b/_includes/nav-components.html
index a416392bf7..8b239b2261 100644
--- a/_includes/nav-components.html
+++ b/_includes/nav-components.html
@@ -130,8 +130,8 @@
     <li><a href="#panels-basic">Basic example</a></li>
     <li><a href="#panels-heading">Panel with heading</a></li>
     <li><a href="#panels-alternatives">Contextual alternatives</a></li>
-    <li><a href="#panels-list-group">With list groups</a>
     <li><a href="#panels-tables">With tables</a>
+    <li><a href="#panels-list-group">With list groups</a>
   </ul>
 </li>
 <li><a href="#wells">Wells</a></li>
diff --git a/components.html b/components.html
index 5c09f80797..c54bae85c8 100644
--- a/components.html
+++ b/components.html
@@ -2843,7 +2843,7 @@ body { padding-bottom: 70px; }
 
     <p>If there is no panel body, the component moves from panel header to table without interruption.</p>
     <div class="bs-example">
-      <div class="panel">
+      <div class="panel panel-default">
         <!-- Default panel contents -->
         <div class="panel-heading">Panel heading</div>
 
@@ -2881,7 +2881,7 @@ body { padding-bottom: 70px; }
       </div>
     </div>
 {% highlight html %}
-<div class="panel">
+<div class="panel panel-default">
   <!-- Default panel contents -->
   <div class="panel-heading">Panel heading</div>
 
@@ -2897,7 +2897,7 @@ body { padding-bottom: 70px; }
     <h3 id="panels-list-group">With list groups</h3>
     <p>Easily include full-width <a href="#list-group">list groups</a> within any panel.</p>
     <div class="bs-example">
-      <div class="panel">
+      <div class="panel panel-default">
         <!-- Default panel contents -->
         <div class="panel-heading">Panel heading</div>
         <div class="panel-body">
@@ -2915,7 +2915,7 @@ body { padding-bottom: 70px; }
       </div>
     </div>
 {% highlight html %}
-<div class="panel">
+<div class="panel panel-default">
   <!-- Default panel contents -->
   <div class="panel-heading">Panel heading</div>
   <div class="panel-body">