diff --git a/docs/examples/blog/blog.css b/docs/examples/blog/blog.css
index da14fce9cc2baeb9468821bb6599d772787aa7c8..5fed564246d89f07aa8f6029af497465f7a3406a 100644
--- a/docs/examples/blog/blog.css
+++ b/docs/examples/blog/blog.css
@@ -125,14 +125,10 @@ h6, .h6 {
 
 
 /* Pagination */
-.pager {
+.blog-pagination {
   margin-bottom: 4rem;
-  text-align: left;
 }
-.pager > li > a {
-  width: 8rem;
-  padding: .75rem 1.25rem;
-  text-align: center;
+.blog-pagination > .btn {
   border-radius: 2rem;
 }
 
diff --git a/docs/examples/blog/index.html b/docs/examples/blog/index.html
index 57cfafacfb142cb9060c36465b6f858dea4bfbba..d73f5ec6900fd897526a4a9629579d562c21939a 100644
--- a/docs/examples/blog/index.html
+++ b/docs/examples/blog/index.html
@@ -104,11 +104,9 @@
             <p>Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue.</p>
           </div><!-- /.blog-post -->
 
-          <nav>
-            <ul class="pager">
-              <li><a href="#">Older</a></li>
-              <li class="disabled"><a href="#">Newer</a></li>
-            </ul>
+          <nav class="blog-pagination">
+            <a class="btn btn-outline-primary" href="#">Older</a>
+            <a class="btn btn-outline-secondary disabled" href="#">Newer</a>
           </nav>
 
         </div><!-- /.blog-main -->