From 720913dcd3d9a99c02e722aef06a223fcf2a10da Mon Sep 17 00:00:00 2001
From: Daniel Cojocea <danielcojocea28@gmail.com>
Date: Mon, 19 Aug 2024 19:11:06 -0400
Subject: [PATCH] Fixed background color not changing on focus visible

---
 Client/src/Components/BasicTable/index.css | 1 +
 Client/src/Components/BasicTable/index.jsx | 1 +
 2 files changed, 2 insertions(+)

diff --git a/Client/src/Components/BasicTable/index.css b/Client/src/Components/BasicTable/index.css
index ef39c0f46..9003ce7b6 100644
--- a/Client/src/Components/BasicTable/index.css
+++ b/Client/src/Components/BasicTable/index.css
@@ -180,6 +180,7 @@
   padding: 4px;
 }
 .pagination-dropdown li.Mui-selected,
+.pagination-dropdown li.Mui-selected.Mui-focusVisible,
 .pagination-dropdown li.Mui-selected:hover  {
   background-color: #f4f4f4;
 }
diff --git a/Client/src/Components/BasicTable/index.jsx b/Client/src/Components/BasicTable/index.jsx
index 09e8f5936..5228c68fb 100644
--- a/Client/src/Components/BasicTable/index.jsx
+++ b/Client/src/Components/BasicTable/index.jsx
@@ -232,6 +232,7 @@ const BasicTable = ({ data, paginated, reversed, rows = 5 }) => {
           slotProps={{
             select: {
               MenuProps: {
+                keepMounted: true,
                 PaperProps: {
                   className: "pagination-dropdown",
                 },