From 9fd35991dc562facdf91e403add0f2ae9cd9d7ba Mon Sep 17 00:00:00 2001
From: Manish Kushare <kushare.manish9@gmail.com>
Date: Fri, 8 Apr 2022 22:02:05 +0530
Subject: [PATCH] Improved pagination for the dark mode (#2761)

* improved pagination for the dark mode

* changed the adding class pattern to make code more readable
---
 frontend/src/_components/Pagination.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/_components/Pagination.jsx b/frontend/src/_components/Pagination.jsx
index 49a058a394..8e7beb14c5 100644
--- a/frontend/src/_components/Pagination.jsx
+++ b/frontend/src/_components/Pagination.jsx
@@ -52,7 +52,7 @@ export const Pagination = function Pagination({ currentPage, count, pageChanged,
   }
 
   return (
-    <div className="card-footer d-flex align-items-center px-1">
+    <div className={`card-footer d-flex align-items-center px-1 ${darkMode ? ' bg-transparent' : ''}`}>
       <p className={`m-0 ${darkMode ? 'text-white-50' : 'text-muted'}`}>
         Showing <span>{startingAppCount()}</span> to <span>{endingAppCount()}</span> of <span>{count}</span>
       </p>