diff --git a/superset-frontend/src/features/home/Menu.tsx b/superset-frontend/src/features/home/Menu.tsx
index 56a2fd611ec9..67b72fc515b4 100644
--- a/superset-frontend/src/features/home/Menu.tsx
+++ b/superset-frontend/src/features/home/Menu.tsx
@@ -24,7 +24,7 @@ import { getUrlParam } from 'src/utils/urlUtils';
import { Row, Col, Grid } from 'src/components';
import { MainNav as DropdownMenu, MenuMode } from 'src/components/Menu';
import { Tooltip } from 'src/components/Tooltip';
-import { Link, useLocation } from 'react-router-dom';
+import { NavLink, useLocation } from 'react-router-dom';
import { GenericLink } from 'src/components/GenericLink/GenericLink';
import Icons from 'src/components/Icons';
import { useUiConfig } from 'src/components/UiConfigContext';
@@ -154,6 +154,29 @@ const globalStyles = (theme: SupersetTheme) => css`
margin-left: ${theme.gridUnit * 1.75}px;
}
}
+ .ant-menu-item-selected {
+ background-color: transparent;
+ &:not(.ant-menu-item-active) {
+ color: inherit;
+ border-bottom-color: transparent;
+ & > a {
+ color: inherit;
+ }
+ }
+ }
+ .ant-menu-horizontal > .ant-menu-item:has(> .is-active) {
+ color: ${theme.colors.primary.base};
+ border-bottom-color: ${theme.colors.primary.base};
+ & > a {
+ color: ${theme.colors.primary.base};
+ }
+ }
+ .ant-menu-vertical > .ant-menu-item:has(> .is-active) {
+ background-color: ${theme.colors.primary.light5};
+ & > a {
+ color: ${theme.colors.primary.base};
+ }
+ }
`;
const { SubMenu } = DropdownMenu;
@@ -226,9 +249,9 @@ export function Menu({
if (url && isFrontendRoute) {
return (
-
+
{label}
-
+
);
}
@@ -253,7 +276,13 @@ export function Menu({
return (
{child.isFrontendRoute ? (
- {child.label}
+
+ {child.label}
+
) : (
{child.label}
)}