updated pagination buttons to use latest styling from design system

cfpb · Dec 17, 2024 · c0e082e · c0e082e
1 parent 4249a92
commit c0e082e
Showing 1 changed file with 4 additions and 8 deletions.
diff --git a/src/components/List/Pagination/Pagination.js b/src/components/List/Pagination/Pagination.js
@@ -29,20 +29,16 @@ export const Pagination = () => {
         onClick={() => prevPage()}
         disabled={page <= 1}
       >
-        <span className="a-btn__icon a-btn__icon--on-left">
-          {getIcon('left')}
-        </span>
-        Previous
+        {getIcon('left')}
+        <span>Previous</span>
       </button>
       <button
         className="a-btn m-pagination__btn-next"
         onClick={() => nextPage()}
         disabled={page >= total}
       >
-        Next
-        <span className="a-btn__icon a-btn__icon--on-right">
-          {getIcon('right')}
-        </span>
+        <span>Next</span>
+        {getIcon('right')}
       </button>
       <div className="m-pagination__form">
         <label className="m-pagination__label">Page {page}</label>