diff --git a/site/theme/en-US.js b/site/theme/en-US.js
index e629041997..201841bac6 100644
--- a/site/theme/en-US.js
+++ b/site/theme/en-US.js
@@ -12,7 +12,7 @@ module.exports = {
     'app.header.menu.spec': 'Guidelines',
     'app.header.menu.resource': 'Resources',
     'app.header.menu.mobile': 'Mobile',
-    'app.header.menu.pro': 'Ant Design Pro',
+    'app.header.menu.pro.v4': 'Ant Design Pro v4',
     'app.header.menu.ecosystem': 'Ecosystem',
     'app.header.lang': '中文',
     'app.content.edit-page': 'Edit this page on GitHub!',
diff --git a/site/theme/template/Layout/Header.jsx b/site/theme/template/Layout/Header.jsx
index 55eeea37be..957e197257 100644
--- a/site/theme/template/Layout/Header.jsx
+++ b/site/theme/template/Layout/Header.jsx
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import { Link } from 'bisheng/router';
 import { FormattedMessage } from 'react-intl';
 import classNames from 'classnames';
-import { Select, Menu, Row, Col, Icon, Popover, Input, Button } from 'antd';
+import { Select, Menu, Row, Col, Icon, Popover, Input, Button, Badge } from 'antd';
 import Santa from './Santa';
 import * as utils from '../utils';
 import { version as antdVersion } from '../../../../package.json';
@@ -179,7 +179,11 @@ export default class Header extends React.Component {
         <Menu.SubMenu
           key="ecosystem"
           className="hide-in-home-page"
-          title={<FormattedMessage id="app.header.menu.ecosystem" />}
+          title={
+            <Badge dot>
+              <FormattedMessage id="app.header.menu.ecosystem" />
+            </Badge>
+          }
         >
           <Menu.Item key="pro">
             <a
@@ -188,7 +192,9 @@ export default class Header extends React.Component {
               target="_blank"
               rel="noopener noreferrer"
             >
-              <FormattedMessage id="app.header.menu.pro" />
+              <Badge dot>
+                <FormattedMessage id="app.header.menu.pro.v4" />
+              </Badge>
             </a>
           </Menu.Item>
           <Menu.Item key="ng">
diff --git a/site/theme/zh-CN.js b/site/theme/zh-CN.js
index 40ff1bba64..8d4e84fcb6 100644
--- a/site/theme/zh-CN.js
+++ b/site/theme/zh-CN.js
@@ -12,7 +12,7 @@ module.exports = {
     'app.header.menu.spec': '设计语言',
     'app.header.menu.resource': '资源',
     'app.header.menu.mobile': '移动版',
-    'app.header.menu.pro': 'Ant Design Pro',
+    'app.header.menu.pro.v4': 'Ant Design Pro v4',
     'app.header.menu.ecosystem': '生态',
     'app.header.lang': 'English',
     'app.content.edit-page': '在 GitHub 上编辑此页！',