diff --git a/src/components/navigation/GlobalNavigation/SuiteSelector/SuiteSelectorSuiteLink.tsx b/src/components/navigation/GlobalNavigation/SuiteSelector/SuiteSelectorSuiteLink.tsx index 539cb246f..d7bdb25e7 100644 --- a/src/components/navigation/GlobalNavigation/SuiteSelector/SuiteSelectorSuiteLink.tsx +++ b/src/components/navigation/GlobalNavigation/SuiteSelector/SuiteSelectorSuiteLink.tsx @@ -45,12 +45,12 @@ export function SuiteSelectorSuiteLink(props: ISuiteSelectorSuiteLinkProps) { return ( <> -
+ {elementNameMap[props.link.linkId]} -
+ ) diff --git a/src/components/navigation/GlobalNavigation/SuiteSelector/suite-selector.css b/src/components/navigation/GlobalNavigation/SuiteSelector/suite-selector.css index eb34a7659..f84fdfefa 100644 --- a/src/components/navigation/GlobalNavigation/SuiteSelector/suite-selector.css +++ b/src/components/navigation/GlobalNavigation/SuiteSelector/suite-selector.css @@ -4,6 +4,7 @@ } .suiteSelector__link { + display: block; padding: var(--padding-sm) 0; border-radius: var(--border-radius-lg); color: var(--color-text-base); @@ -15,6 +16,7 @@ .suiteSelector__link:not(.suiteSelector__link--active, .suiteSelector__link--disabled):hover { background-color: var(--color-primary-bg-hover); border-color: var(--color-primary-bg-hover); + color: var(--color-text-base); } .suiteSelector__link:not(.suiteSelector__link--active, .suiteSelector__link--disabled):hover .suiteSelector__suiteLogo { @@ -23,9 +25,11 @@ .suiteSelector__link.suiteSelector__link--active { border-color: var(--color-border); + color: var(--color-text-base); } .suiteSelector__link.suiteSelector__link--disabled { + pointer-events: none; cursor: default; color: var(--color-text-disabled); }