diff --git a/ui/src/components/DestinationStack/DestinationStack.scss b/ui/src/components/DestinationStack/DestinationStack.scss index 3ac5d7ec8..3dd0b32ed 100644 --- a/ui/src/components/DestinationStack/DestinationStack.scss +++ b/ui/src/components/DestinationStack/DestinationStack.scss @@ -113,11 +113,10 @@ } .Select__menu-list .Select__option--is-focused { background-color: $color-brand-white-base; - color: $color-black-2121; &:hover { background: $color-base-white-10; - color: $color-brand-primary-base; } + } .Select .Select__control .Select__value-container input, .Select__single-value input[text]{ font-size: 16px !important; @@ -127,6 +126,15 @@ } .Select__option { position: relative; + color: $color-font-base; + &.Select__option--is-selected { + &:hover { + color: $color-brand-primary-base; + &:focus { + color: $color-brand-primary-base; + } + } + } } } diff --git a/ui/src/pages/Migration/index.tsx b/ui/src/pages/Migration/index.tsx index b66d50245..511e21361 100644 --- a/ui/src/pages/Migration/index.tsx +++ b/ui/src/pages/Migration/index.tsx @@ -248,7 +248,7 @@ const Migration = () => { } else{ setIsLoading(false); Notification({ - notificationContent: { text: 'Please select a stack to complete all steps' }, + notificationContent: { text: 'Please select a stack to proceed further' }, type: 'warning' }); }