diff --git a/site/theme/template/Home/Banner/index.less b/site/theme/template/Home/Banner/index.less
index c54fc14d91..0fe0c764c1 100644
--- a/site/theme/template/Home/Banner/index.less
+++ b/site/theme/template/Home/Banner/index.less
@@ -36,23 +36,29 @@
       margin-top: 72px;
       white-space: nowrap;
 
+      a {
+        margin: 0 8px;
+      }
+
       button {
         height: auto;
-        margin: 0 8px;
         padding: 8px 24px;
         font-size: 14px;
         border-color: @home-color;
+        color: @home-color;
 
         &:hover {
-          border-color: @home-color;
+          color: tint(@home-color, 20%);
+          border-color: tint(@home-color, 20%);
         }
 
         &.ant-btn-primary {
           background: @home-color;
-        }
+          color: #fff;
 
-        &:not(.ant-btn-primary) {
-          color: @home-color;
+          &:hover {
+            background-color: tint(@home-color, 20%);
+          }
         }
       }
     }
diff --git a/site/theme/template/Layout/Header.jsx b/site/theme/template/Layout/Header.jsx
index 1c46f5a0d0..39bdf2756f 100644
--- a/site/theme/template/Layout/Header.jsx
+++ b/site/theme/template/Layout/Header.jsx
@@ -5,7 +5,7 @@ import { Link } from 'bisheng/router';
 import { FormattedMessage, injectIntl } from 'react-intl';
 import classNames from 'classnames';
 import { SearchOutlined, MenuOutlined } from '@ant-design/icons';
-import { Select, Menu, Row, Col, Popover, Input, Button, Badge } from 'antd';
+import { Select, Menu, Row, Col, Popover, Input, Button } from 'antd';
 
 import * as utils from '../utils';
 import { version as antdVersion } from '../../../../package.json';
@@ -197,11 +197,7 @@ class Header extends React.Component {
         <Menu.SubMenu
           key="ecosystem"
           className="hide-in-home-page"
-          title={
-            <Badge dot>
-              <FormattedMessage id="app.header.menu.ecosystem" />
-            </Badge>
-          }
+          title={<FormattedMessage id="app.header.menu.ecosystem" />}
         >
           <Menu.Item key="pro">
             <a
@@ -210,9 +206,7 @@ class Header extends React.Component {
               target="_blank"
               rel="noopener noreferrer"
             >
-              <Badge dot>
-                <FormattedMessage id="app.header.menu.pro.v4" />
-              </Badge>
+              <FormattedMessage id="app.header.menu.pro.v4" />
             </a>
           </Menu.Item>
           <Menu.Item key="ng">