diff --git a/scss/_pagination.scss b/scss/_pagination.scss
index 717ca7081d..5710e99008 100644
--- a/scss/_pagination.scss
+++ b/scss/_pagination.scss
@@ -55,11 +55,6 @@
 }
 .page-item {
   // Boosted mod
-  &.presentation {
-    padding: map-get($spacers, 2) 0;
-    font-weight: $font-weight-bold;
-  }
-  &.presentation + .page-item,
   &:first-child {
     .page-link {
       margin-left: 0;
@@ -87,7 +82,6 @@
     }
   }
 
-  &.presentation + .page-item,
   &:first-child,
   &:last-child {
     .page-link {
diff --git a/site/_includes/boostwatch/pagination.html b/site/_includes/boostwatch/pagination.html
index 9884092729..17688ea9d2 100644
--- a/site/_includes/boostwatch/pagination.html
+++ b/site/_includes/boostwatch/pagination.html
@@ -32,9 +32,9 @@ <h2 id="pagination">Pagination<a class="doc-link" href="../components/pagination
 </div>
 Buttons + page counter
 <div>
-  <nav>
-    <ul class="pagination">
-      <li class="page-item presentation" role="presentation">Page 2 of 10</li>
+  <nav class="d-flex align-items-center mb-3">
+    <span class="mr-2 font-weight-bold">Page 2 of 10</span>
+    <ul class="pagination mb-0">
             <li class="page-item">
                 <a class="page-link" href="#" aria-label="Previous"></a>
       </li>
@@ -56,4 +56,4 @@ <h2 id="pagination">Pagination<a class="doc-link" href="../components/pagination
       </li>
     </ul>
   </nav>
-</div>
\ No newline at end of file
+</div>