From e247ff40570c2f26aae95f416b429a2ef688faa7 Mon Sep 17 00:00:00 2001
From: Diksha Shukla <deekshashukla03102001@gmail.com>
Date: Mon, 28 Mar 2022 01:40:24 +0530
Subject: [PATCH 1/2] Updated the pagination

---
 src/assets/scss/components/pagination.scss |  1 +
 src/components/Pagination.js               | 10 ++++++++--
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/assets/scss/components/pagination.scss b/src/assets/scss/components/pagination.scss
index 3706877d..4d7e260d 100644
--- a/src/assets/scss/components/pagination.scss
+++ b/src/assets/scss/components/pagination.scss
@@ -28,6 +28,7 @@
     font-weight: bold;
   }
 
+  
   &-disabled {
     color: $medium-gray;
 
diff --git a/src/components/Pagination.js b/src/components/Pagination.js
index 7b9bfd93..d1757d81 100644
--- a/src/components/Pagination.js
+++ b/src/components/Pagination.js
@@ -44,7 +44,10 @@ const Pagination = (props) => {
             }
           }}
         >
-          <EOS_KEYBOARD_ARROW_LEFT className='eos-icons eos-18' />
+          <EOS_KEYBOARD_ARROW_LEFT
+            color={`${currNumber <= 1 ? '#bbb' : ''}`}
+            className='eos-icons eos-18'
+          />
           {`Prev`}
         </span>
         <div className='btn btn-pagination'>
@@ -77,7 +80,10 @@ const Pagination = (props) => {
           }}
         >
           {`Next`}
-          <EOS_KEYBOARD_ARROW_RIGHT className='eos-icons eos-18' />
+          <EOS_KEYBOARD_ARROW_RIGHT
+            color={`${currNumber >= pages?.length ? '#bbb' : ''}`}
+            className='eos-icons eos-18'
+          />
         </span>
       </div>
     )

From 4ee4d932f9c4c6b4c5e1df8dadfaae81d9b0b1eb Mon Sep 17 00:00:00 2001
From: Diksha Shukla <60606998+dikshashukla455@users.noreply.github.com>
Date: Tue, 29 Mar 2022 13:13:33 +0530
Subject: [PATCH 2/2] Update pagination.scss

---
 src/assets/scss/components/pagination.scss | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/assets/scss/components/pagination.scss b/src/assets/scss/components/pagination.scss
index 4d7e260d..3706877d 100644
--- a/src/assets/scss/components/pagination.scss
+++ b/src/assets/scss/components/pagination.scss
@@ -28,7 +28,6 @@
     font-weight: bold;
   }
 
-  
   &-disabled {
     color: $medium-gray;