From c0e082e133157dde8754cfb0f03197d234e9ebff Mon Sep 17 00:00:00 2001
From: Chanel Henley <chanel.henley@cfpb.gov>
Date: Tue, 17 Dec 2024 17:22:35 -0500
Subject: [PATCH] updated pagination buttons to use latest styling from design
 system

---
 src/components/List/Pagination/Pagination.js | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/src/components/List/Pagination/Pagination.js b/src/components/List/Pagination/Pagination.js
index c64d568a..fd91bb61 100644
--- 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>