diff --git a/packages/layout/src/ProLayout.tsx b/packages/layout/src/ProLayout.tsx
index b0bc5017aa2c..d991d9595fe0 100644
--- a/packages/layout/src/ProLayout.tsx
+++ b/packages/layout/src/ProLayout.tsx
@@ -787,7 +787,7 @@ const BaseProLayout: React.FC<ProLayoutProps> = (props) => {
                     colorItemBgSelected:
                       token?.layout?.sider?.colorBgMenuItemSelected ||
                       token?.colorBgTextHover,
-                    colorItemBgActive:
+                    itemActiveBg:
                       token?.layout?.sider?.colorBgMenuItemHover ||
                       token?.colorBgTextHover,
                     colorItemBgSelectedHorizontal:
diff --git a/packages/layout/src/components/TopNavHeader/index.tsx b/packages/layout/src/components/TopNavHeader/index.tsx
index d92dcb4dbc78..6b0425985e05 100644
--- a/packages/layout/src/components/TopNavHeader/index.tsx
+++ b/packages/layout/src/components/TopNavHeader/index.tsx
@@ -71,7 +71,7 @@ const TopNavHeader: React.FC<TopNavHeaderProps> = (
                 colorItemBgSelected:
                   token?.layout?.header?.colorBgMenuItemSelected ||
                   token?.colorBgTextHover,
-                colorItemBgActive:
+                itemHoverBg:
                   token?.layout?.header?.colorBgMenuItemHover ||
                   token?.colorBgTextHover,
                 colorItemBgSelectedHorizontal: