diff --git a/src/forge/Head/Header.js b/src/forge/Head/Header.js
index 912b8b4ee..1dcfdbeae 100644
--- a/src/forge/Head/Header.js
+++ b/src/forge/Head/Header.js
@@ -2,7 +2,7 @@ import React, { Component } from 'react';
 import AccountProfile from "../../modules/user/AccountProfile";
 import { getImageUrl } from 'educoder'
 import axios from 'axios';
-import { Input , notification , Dropdown , Menu,Badge, Button } from 'antd';
+import { Input , notification , Dropdown ,Popover, Menu,Badge, Button } from 'antd';
 import { Link } from 'react-router-dom';
 
 import LoginDialog from '../../modules/login/LoginDialog';
@@ -415,7 +415,7 @@ class NewHeader extends Component {
                 {
                   settings.navbar && settings.navbar.map((item, key) => {
                     var new_link = item.link;
-                    var user_login = this.props.user && this.props.user.login;
+                    var user_login = current_user && current_user.login;
                     var is_hidden = item.hidden
                     if (new_link && (new_link.indexOf("courses") > -1 || new_link.indexOf("contests") > -1)) {
                       if (user_login) {
@@ -451,23 +451,20 @@ class NewHeader extends Component {
             {
               current_user && (current_user.main_site || current_user.login) && (settings && settings.add && settings.add.length>0)?
               <Dropdown overlay={this.addMenu(settings && settings.add)} placement="bottomRight">
-                <i className="iconfont icon-tianjiafangda color-grey-6 ml30"></i>
+                <i className="iconfont icon-tianjiafangda color-grey-6 ml30 mr15"></i>
               </Dropdown>:""
             }
             
-            {/* {this.props.user && this.props.user.login && notice_url ? */}
-            {this.props.user && this.props.user.login ?
-              <div className="ml30 edu-menu-panel">
-                {user && user.login &&
-                  <Dropdown placement={`bottomRight`} overlay={this.messageList(settings && settings.personal)}>
-                    <a href={`/settings/notice/myNotice`} style={{ position: 'relative' }}>
-                      <i className="iconfont icon-xiaoxilingdang color-grey-6"></i>
+            {/* {current_user && current_user.login && notice_url ? */}
+            {current_user && current_user.login ?
+                  <Popover placement={`bottomRight`} content={this.messageList(settings && settings.personal)}>
+                    <a href={`/settings/notice/myNotice`} >
+                      <i className="iconfont icon-xiaoxilingdang color-grey-6 ml15 mr15"></i>
                       <span className="newslight" style={{ display: this.props.Headertop === undefined ? "none" : this.props.Headertop.new_message === true ? "block" : "none" }}>
                       </span>
                     </a>
-                  </Dropdown>
-                }
-              </div>:""
+                  </Popover>
+              :""
             }
           </div>
           {!user || (user && !user.login)  ?
diff --git a/src/forge/Head/header.scss b/src/forge/Head/header.scss
index 12aa417af..7831788c8 100644
--- a/src/forge/Head/header.scss
+++ b/src/forge/Head/header.scss
@@ -24,7 +24,7 @@
   width: 34px;
   height: 34px;
   border-radius: 50%;
-  margin-left: 30px;
+  margin-left: 15px;
 }
 
 .messageHoverDiv{