From 1127772b751da0cd680bfc3f8b2539d3a6bc8838 Mon Sep 17 00:00:00 2001
From: Shawn <azuneko1110@gmail.com>
Date: Thu, 17 Aug 2023 12:19:01 -0400
Subject: [PATCH] fix: month dropdown background color

---
 src/components/CustomDropdown/CustomDropdown.css | 2 ++
 src/components/CustomDropdown/CustomDropdown.js  | 8 ++++++--
 src/components/FormDatePicker/FormDatePicker.js  | 4 ++--
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/components/CustomDropdown/CustomDropdown.css b/src/components/CustomDropdown/CustomDropdown.css
index b46f9af9..01b7e44a 100644
--- a/src/components/CustomDropdown/CustomDropdown.css
+++ b/src/components/CustomDropdown/CustomDropdown.css
@@ -19,6 +19,7 @@
   padding-right: 14px;
   outline: none;
   color: #6f6f6f;
+  background-color: rgba(255, 255, 255, 1);
 }
 
 .dropdown-open {
@@ -33,6 +34,7 @@
   padding-left: 14px;
   cursor: pointer;
   outline: none;
+  background-color: rgba(255, 255, 255, 1);
 }
 
 .dropdown-option:hover {
diff --git a/src/components/CustomDropdown/CustomDropdown.js b/src/components/CustomDropdown/CustomDropdown.js
index b964e57d..eb101a83 100644
--- a/src/components/CustomDropdown/CustomDropdown.js
+++ b/src/components/CustomDropdown/CustomDropdown.js
@@ -81,7 +81,9 @@ export const CustomDropdown = (props) => {
                           index === 0
                             ? "ds-border-none"
                             : "ds-border-t-[1px] ds-border-[#666666] ds-border-opacity-60"
-                        } ${option.value === selectedOption ? "selected" : ""}`}
+                        } ${
+                          option.value === selectedOption ? "selected" : ""
+                        } ds-list-none`}
                       >
                         <button
                           onClick={() => handleOptionClick(option.value)}
@@ -104,7 +106,9 @@ export const CustomDropdown = (props) => {
                           index === 0
                             ? "ds-border-none"
                             : "ds-border-t-[1px] ds-border-[#666666] ds-border-opacity-60"
-                        } ${option.value === selectedOption ? "selected" : ""}`}
+                        } ${
+                          option.value === selectedOption ? "selected" : ""
+                        } ds-list-none`}
                       >
                         <button
                           onClick={() => handleOptionClick(option.value)}
diff --git a/src/components/FormDatePicker/FormDatePicker.js b/src/components/FormDatePicker/FormDatePicker.js
index 1b80c9a0..eaf04806 100644
--- a/src/components/FormDatePicker/FormDatePicker.js
+++ b/src/components/FormDatePicker/FormDatePicker.js
@@ -187,7 +187,7 @@ export function FormDatePicker(props) {
               min={"1"}
               max={maxDay}
               onChange={_onDayChange}
-              className={`ds-w-[51px] ds-px-10px ds-rounded ds-date-text ds-border-2 ds-border-multi-neutrals-grey85a ds-py-5px ds-outline-none ${validationClass}`}
+              className={`ds-w-[51px] ds-h-[44px] ds-px-10px ds-rounded ds-date-text ds-border-2 ds-border-multi-neutrals-grey85a ds-py-5px ds-outline-none ${validationClass}`}
             />
           </div>
         ) : null}
@@ -203,7 +203,7 @@ export function FormDatePicker(props) {
               min={minYear}
               max={maxYear}
               onChange={_onYearChange}
-              className={`ds-w-[74px] ds-py-5px ds-px-10px ds-rounded ds-date-text ds-border-2 ds-border-multi-neutrals-grey85a ds-outline-none ${validationClass}`}
+              className={`ds-w-[74px] ds-h-[44px] ds-py-5px ds-px-10px ds-rounded ds-date-text ds-border-2 ds-border-multi-neutrals-grey85a ds-outline-none ${validationClass}`}
             />
           </div>
         ) : null}