Fix badge in header

matthewlein · Oct 31, 2017 · cc30520 · cc30520
1 parent 3e7ade8
commit cc30520
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/site/theme/template/Layout/Header.jsx b/site/theme/template/Layout/Header.jsx
@@ -196,11 +196,12 @@ export default class Header extends React.Component {
           </Link>
         </Menu.Item>
         <Menu.Item key="pro">
-          <Badge dot>
-            <a href="http://pro.ant.design" className="header-link">
-              <FormattedMessage id="app.header.menu.pro" />
-            </a>
-          </Badge>
+          <a href="http://pro.ant.design" className="header-link">
+            <FormattedMessage id="app.header.menu.pro" />
+            <span style={{ display: 'inline-block', position: 'relative', top: -2, width: 18 }}>
+              <Badge dot />
+            </span>
+          </a>
         </Menu.Item>
       </Menu>,
     ];