From cd0d631a0f668a211d8b82cfc86661839c7b371e Mon Sep 17 00:00:00 2001
From: Daniel Cojocea <danielcojocea28@gmail.com>
Date: Tue, 20 Aug 2024 18:56:21 -0400
Subject: [PATCH] Fixed select dropdown styling

---
 Client/src/Components/Inputs/Select/index.css | 22 ++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/Client/src/Components/Inputs/Select/index.css b/Client/src/Components/Inputs/Select/index.css
index 1952feb43..be1a92503 100644
--- a/Client/src/Components/Inputs/Select/index.css
+++ b/Client/src/Components/Inputs/Select/index.css
@@ -15,7 +15,7 @@
   font-size: var(--env-var-font-size-medium);
   color: var(--env-var-color-5);
 }
-.select-wrapper h3.MuiTypography-root{
+.select-wrapper h3.MuiTypography-root {
   font-weight: 500;
 }
 .MuiInputBase-root:has(> .MuiSelect-select) fieldset {
@@ -24,3 +24,23 @@
 .MuiInputBase-root:not(.Mui-focused):has(> .MuiSelect-select):hover fieldset {
   border-color: var(--env-var-color-29);
 }
+
+.select-dropdown.MuiPaper-root {
+  box-shadow: var(--env-var-shadow-1);
+  border: solid 1px var(--env-var-color-6);
+  border-radius: var(--env-var-radius-1);
+}
+.select-dropdown .MuiList-root {
+  min-width: 100px;
+}
+.select-dropdown li {
+  font-size: var(--env-var-font-size-medium);
+  color: var(--env-var-color-5);
+  padding: 5px 8px;
+  border-radius: var(--env-var-radius-1);
+}
+.select-dropdown li.Mui-selected,
+.select-dropdown li.Mui-selected.Mui-focusVisible,
+.select-dropdown li.Mui-selected:hover {
+  background-color: #f4f4f4;
+}