diff --git a/unit-conversion/src/features/card/card.css b/unit-conversion/src/features/card/card.css index 19637623f63ba4508c8ea484bd9acdf036dc1abf..d504599396181a0a18537494e5a50412eec2067e 100644 --- a/unit-conversion/src/features/card/card.css +++ b/unit-conversion/src/features/card/card.css @@ -17,6 +17,13 @@ padding-right: 20px; } +.selector { + border-color: rgba(255 255 255 / 0%); + border-radius: 5px; +} + .inputField { + border-color: rgba(255 255 255 / 0%); + border-radius: 5px; max-width: 75%; } diff --git a/unit-conversion/src/features/unit-selector/unitSelector.js b/unit-conversion/src/features/unit-selector/unitSelector.js index 7dbb9ed9926e68c5bf2e560e47bdbb7d9c7981b1..0e258175e9b172bbc56f5edf028cce558275e155 100644 --- a/unit-conversion/src/features/unit-selector/unitSelector.js +++ b/unit-conversion/src/features/unit-selector/unitSelector.js @@ -60,7 +60,7 @@ export function UnitSelector(props) { <div> <form onSubmit={handleSubmit}> <div className="select-container"> - <select name="units" onChange={handleChange}> + <select className="selector" name="units" onChange={handleChange}> {unitSelectorOptions.map((option) => <option value={option.value}>{option.label}</option>)} </select>