diff --git a/apps/client/src/app/pages/portfolio/fire/fire-page.scss b/apps/client/src/app/pages/portfolio/fire/fire-page.scss index 2892885c9..93f0f3a19 100644 --- a/apps/client/src/app/pages/portfolio/fire/fire-page.scss +++ b/apps/client/src/app/pages/portfolio/fire/fire-page.scss @@ -2,12 +2,26 @@ display: block; .safe-withdrawal-rate-select { - background-color: transparent; + -webkit-appearance: none; + -moz-appearance: none; + appearance: initial; + + background-color: transparent !important; + border: none !important; + color: rgb(var(--dark-primary-text)); + font: inherit; + &:focus { box-shadow: none; - outline: 0; + outline: none; + } + + option { + background-color: rgb(var(--light-background)); + color: rgb(var(--dark-primary-text)); + border: none; } } } @@ -15,5 +29,10 @@ :host-context(.theme-dark) { .safe-withdrawal-rate-select { color: rgb(var(--light-primary-text)); + + option { + background-color: rgb(var(--dark-background)); + color: rgb(var(--light-primary-text)); + } } }