diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index a8b8677..d32df38 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -562,7 +562,7 @@ body {
   border: 1px solid #dddddd;
   border-radius: 3px;
 }
-.example-wrap h5 {
+.example-wrap .example-title {
   margin-top: 10px;
 }
 .example-wrap img {
diff --git a/docs/examples.html b/docs/examples.html
index 6a95e3a..cb9ca17 100644
--- a/docs/examples.html
+++ b/docs/examples.html
@@ -30,7 +30,7 @@ title: Examples · Ratchet
             <a class="example" href="/examples/app-movies" data-ignore="push">
               <img src="/assets/img/example.png" alt="Movie finder app example" width="640" height="480">
             </a>
-            <h5>Movie finder</h5>
+            <h4 class="example-title">Movie finder</h4>
           </div>
         </div>
         <div class="column units-2 lg-units-4">
@@ -38,7 +38,7 @@ title: Examples &middot; Ratchet
             <a class="example" href="/examples/app-ios-mail" data-ignore="push">
               <img src="/assets/img/example-ios.png" alt="iOS mail app example" width="640" height="480">
             </a>
-            <h5>iOS mail app</h5>
+            <h4 class="example-title">iOS mail app</h4>
           </div>
         </div>
         <div class="column units-2 lg-units-4">
@@ -46,7 +46,7 @@ title: Examples &middot; Ratchet
             <a class="example" href="/examples/app-android-notes" data-ignore="push">
               <img src="/assets/img/example-android.png" alt="Android notes app example" width="640" height="480">
             </a>
-            <h5>Android notes app</h5>
+            <h4 class="example-title">Android notes app</h4>
           </div>
         </div> <!-- .column-group -->
       </div>
diff --git a/sass/docs.scss b/sass/docs.scss
index 73b3b68..4f854f3 100644
--- a/sass/docs.scss
+++ b/sass/docs.scss
@@ -589,7 +589,7 @@ body {
     border: $border-default;
     border-radius: 3px;
   }
-  h5 {
+  .example-title {
     margin-top: 10px;
   }
   img {