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`} >