Orange-OpenSource · MewenLeHo · Jun 23, 2023 · Jun 26, 2023 · Jun 26, 2023 · Jun 26, 2023
diff --git a/scss/_pagination.scss b/scss/_pagination.scss
@@ -204,6 +204,18 @@
   // End mod
 }
 
+// Boosted mod: special style for pagination with icons only
+.icons-only {
+  .page-item {
+    &:first-child .page-link {
+      padding-right: 0;
+    }
+    &:last-child .page-link {
+      padding-left: 0;
+    }
+  }
+}
+// End mod
 
 //
 // Sizing

diff --git a/site/content/docs/5.3/components/pagination.md b/site/content/docs/5.3/components/pagination.md
@@ -29,9 +29,9 @@ Looking to use an icon or symbol in place of text for some pagination links? Be
 
 {{< example >}}
 <nav aria-label="Page navigation example with icons">
-  <ul class="pagination">
-    <li class="page-item"><a class="page-link" href="#" aria-label="Previous"></a></li>
-    <li class="page-item"><a class="page-link" href="#" aria-label="Next"></a></li>
+  <ul class="pagination icons-only">
+    <li class="page-item"><a class="page-link" href="#"><span class="visually-hidden">Previous</span></a></li>
+    <li class="page-item"><a class="page-link" href="#"><span class="visually-hidden">Next</span></a></li>
   </ul>
 </nav>
 {{< /example >}}