diff --git a/dist/template.html b/dist/template.html
index 9577105..d9028ff 100644
--- a/dist/template.html
+++ b/dist/template.html
@@ -10,7 +10,7 @@
     <!-- Makes your prototype chrome-less once bookmarked to your phone's home screen -->
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
-    
+
     <!-- Set a shorter title for iOS6 devices when saved to home screen -->
     <meta name="apple-mobile-web-app-title" content="Ratchet">
 
@@ -47,22 +47,22 @@
       <div class="card">
         <ul class="table-view">
           <li class="table-view-cell">
-            <a class="push-right" href="http://goratchet.com">
+            <a class="navigate-right" href="http://goratchet.com">
               <strong>Ratchet documentation</strong>
             </a>
           </li>
           <li class="table-view-cell">
-            <a class="push-right" href="https://github.com/twbs/ratchet/">
+            <a class="navigate-right" href="https://github.com/twbs/ratchet/">
               <strong>Ratchet on Github</strong>
             </a>
           </li>
           <li class="table-view-cell">
-            <a class="push-right" href="https://groups.google.com/forum/#!forum/goratchet">
+            <a class="navigate-right" href="https://groups.google.com/forum/#!forum/goratchet">
               <strong>Ratchet Google group</strong>
             </a>
           </li>
           <li class="table-view-cell">
-            <a class="push-right" href="https://www.twitter.com/GoRatchet">
+            <a class="navigate-right" href="https://www.twitter.com/GoRatchet">
               <strong>Ratchet on Twitter</strong>
             </a>
           </li>
diff --git a/docs/dist/template.html b/docs/dist/template.html
index 9577105..d9028ff 100644
--- a/docs/dist/template.html
+++ b/docs/dist/template.html
@@ -10,7 +10,7 @@
     <!-- Makes your prototype chrome-less once bookmarked to your phone's home screen -->
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
-    
+
     <!-- Set a shorter title for iOS6 devices when saved to home screen -->
     <meta name="apple-mobile-web-app-title" content="Ratchet">
 
@@ -47,22 +47,22 @@
       <div class="card">
         <ul class="table-view">
           <li class="table-view-cell">
-            <a class="push-right" href="http://goratchet.com">
+            <a class="navigate-right" href="http://goratchet.com">
               <strong>Ratchet documentation</strong>
             </a>
           </li>
           <li class="table-view-cell">
-            <a class="push-right" href="https://github.com/twbs/ratchet/">
+            <a class="navigate-right" href="https://github.com/twbs/ratchet/">
               <strong>Ratchet on Github</strong>
             </a>
           </li>
           <li class="table-view-cell">
-            <a class="push-right" href="https://groups.google.com/forum/#!forum/goratchet">
+            <a class="navigate-right" href="https://groups.google.com/forum/#!forum/goratchet">
               <strong>Ratchet Google group</strong>
             </a>
           </li>
           <li class="table-view-cell">
-            <a class="push-right" href="https://www.twitter.com/GoRatchet">
+            <a class="navigate-right" href="https://www.twitter.com/GoRatchet">
               <strong>Ratchet on Twitter</strong>
             </a>
           </li>