diff --git a/apps/static/css/jumpserver.css b/apps/static/css/jumpserver.css
index fd15945b9..a3f452ab7 100644
--- a/apps/static/css/jumpserver.css
+++ b/apps/static/css/jumpserver.css
@@ -289,4 +289,29 @@ div.dataTables_wrapper div.dataTables_filter {
     margin-bottom:0;
     margin-left: 10px;
     margin-right: 10px
+}
+
+.navbar-default {
+    background-color: #2f4050;
+    border-color: #2f4050;
+}
+
+.nav-header {
+    padding: 0;
+    background: #202c37;
+}
+
+.profile-element {
+    margin-left: 20px;
+}
+
+.profile-element div {
+    line-height: 60px;
+    float: left;
+    font-size: 22px;
+    color: #1ab394;
+}
+
+.profile-element div + div {
+    margin-left: 5px;
 }
\ No newline at end of file
diff --git a/apps/templates/_header_bar.html b/apps/templates/_header_bar.html
index 7cbb5fc87..dd89b8853 100644
--- a/apps/templates/_header_bar.html
+++ b/apps/templates/_header_bar.html
@@ -18,11 +18,26 @@
                      <span class="m-r-sm text-muted welcome-message">{% trans 'Help' %}</span>
                 </a>
             </li>
-            <li>
+            <li class="dropdown">
                 {% if user.is_authenticated %}
-                <a href="{% url 'users:logout' %}">
-                    <i class="fa fa-sign-out"></i>{% trans 'Logout' %}
+                <a data-toggle="dropdown" class="dropdown-toggle" href="#">
+                    <span class="m-r-sm text-muted welcome-message">
+                        <strong class="font-bold"> {{ request.user.name }}<span style="color: #8095a8"></span></strong><b class="caret"></b>
+                    </span>
                 </a>
+                <ul class="dropdown-menu animated fadeInRight m-t-xs">
+                    <li><a href="{% url 'users:user-profile' %}">{% trans 'Profile' %}</a></li>
+                    <li><a href="{% url 'users:user-profile-update' %}">{% trans 'Profile settings' %}</a></li>
+                    <li class="divider"></li>
+                    {% if request.user.is_superuser %}
+                    {% if request.COOKIES.IN_ADMIN_PAGE == 'No' %}
+                    <li><a id="switch_admin">{% trans 'Admin page' %}</a></li>
+                    {% else %}
+                    <li><a id="switch_user">{% trans 'User page' %}</a></li>
+                    {% endif %}
+                    {% endif %}
+                    <li><a href="{% url 'users:logout' %}">{% trans 'Logout' %}</a></li>
+                </ul>
                 {% else %}
                 <a href="{% url 'users:login' %}">
                     <i class="fa fa-sign-in"></i>{% trans 'Login' %}
diff --git a/apps/templates/_user_profile.html b/apps/templates/_user_profile.html
index a8572dfc9..26471dffa 100644
--- a/apps/templates/_user_profile.html
+++ b/apps/templates/_user_profile.html
@@ -2,36 +2,14 @@
 {% load i18n %}
 <li class="nav-header">
     <div class="dropdown profile-element">
-        <span>
-            <img alt="image" class="img-circle" width="48" height="48" src="{{ request.user.avatar_url }}"/>
-        </span>
-        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
-            <span class="clear">
-                <span class="block m-t-xs">
-                    <strong class="font-bold"> {{ request.user.name }}<span style="color: #8095a8"></span></strong>
-                </span>
-                <span class="text-muted text-xs block">
-                     {{ request.user.get_role_display | default:_('User') }}<b class="caret"></b>
-                </span>
-            </span>
-        </a>
-        <ul class="dropdown-menu animated fadeInRight m-t-xs">
-            <li><a href="{% url 'users:user-profile' %}">{% trans 'Profile' %}</a></li>
-            <li><a href="{% url 'users:user-profile-update' %}">{% trans 'Profile settings' %}</a></li>
-            <li class="divider"></li>
-            {% if request.user.is_superuser %}
-                {% if request.COOKIES.IN_ADMIN_PAGE == 'No' %}
-                <li><a id="switch_admin">{% trans 'Admin page' %}</a></li>
-                {% else %}
-                <li><a id="switch_user">{% trans 'User page' %}</a></li>
-                {% endif %}
-            {% endif %}
-            <li><a href="{% url 'users:logout' %}">{% trans 'Logout' %}</a></li>
-        </ul>
-    </div>
-    <div class="logo-element">
-        JMS
+        <div>
+            <img alt="image" height="40" src="/static/img/logo.png"/>
+        </div>
+        <div>
+            <span>Jumpserver</span>
+        </div>
     </div>
+    <div class="clearfix"></div>
 </li>
 <script>
 $(document).ready(function () {
diff --git a/jumpserver/apps/templates/_header_bar.html b/jumpserver/apps/templates/_header_bar.html
deleted file mode 100644
index dd89b8853..000000000
--- a/jumpserver/apps/templates/_header_bar.html
+++ /dev/null
@@ -1,72 +0,0 @@
-{% load i18n %}
-<div class="row border-bottom">
-    <nav class="navbar navbar-static-top white-bg" role="navigation" style="margin-bottom: 0">
-        <div class="navbar-header">
-            <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i> </a>
-            <form role="search" class="navbar-form-custom" method="get" action="">
-                <div class="form-group">
-                    <input type="text" placeholder="{% trans 'Search' %}..." class="form-control" name="search" id="top-search">
-                </div>
-            </form>
-        </div>
-        <ul class="nav navbar-top-links navbar-right">
-            <li>
-                <span class="m-r-sm text-muted welcome-message">{% trans 'Welcome to use Jumpserver system' %}</span>
-            </li>
-            <li class="dropdown">
-                <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">
-                     <span class="m-r-sm text-muted welcome-message">{% trans 'Help' %}</span>
-                </a>
-            </li>
-            <li class="dropdown">
-                {% if user.is_authenticated %}
-                <a data-toggle="dropdown" class="dropdown-toggle" href="#">
-                    <span class="m-r-sm text-muted welcome-message">
-                        <strong class="font-bold"> {{ request.user.name }}<span style="color: #8095a8"></span></strong><b class="caret"></b>
-                    </span>
-                </a>
-                <ul class="dropdown-menu animated fadeInRight m-t-xs">
-                    <li><a href="{% url 'users:user-profile' %}">{% trans 'Profile' %}</a></li>
-                    <li><a href="{% url 'users:user-profile-update' %}">{% trans 'Profile settings' %}</a></li>
-                    <li class="divider"></li>
-                    {% if request.user.is_superuser %}
-                    {% if request.COOKIES.IN_ADMIN_PAGE == 'No' %}
-                    <li><a id="switch_admin">{% trans 'Admin page' %}</a></li>
-                    {% else %}
-                    <li><a id="switch_user">{% trans 'User page' %}</a></li>
-                    {% endif %}
-                    {% endif %}
-                    <li><a href="{% url 'users:logout' %}">{% trans 'Logout' %}</a></li>
-                </ul>
-                {% else %}
-                <a href="{% url 'users:login' %}">
-                    <i class="fa fa-sign-in"></i>{% trans 'Login' %}
-                </a>
-                {% endif %}
-            </li>
-        </ul>
-    </nav>
-</div>
-
-<div class="row wrapper border-bottom white-bg page-heading">
-    <div class="col-sm-10">
-        <h2></h2>
-        <ol class="breadcrumb">
-            <li>
-                <a href="">{% trans 'Dashboard' %}</a>
-            </li>
-            <li>
-            {% if app %}
-                <a>{{ app }}</a>
-            {% endif %}
-            </li>
-            {% if action %}
-            <li class="active">
-                <strong>{{ action }}</strong>
-            </li>
-            {% endif %}
-        </ol>
-    </div>
-    <div class="col-sm-2">
-    </div>
-</div>
diff --git a/jumpserver/apps/templates/_user_profile.html b/jumpserver/apps/templates/_user_profile.html
deleted file mode 100644
index 26471dffa..000000000
--- a/jumpserver/apps/templates/_user_profile.html
+++ /dev/null
@@ -1,30 +0,0 @@
-{% load static %}
-{% load i18n %}
-<li class="nav-header">
-    <div class="dropdown profile-element">
-        <div>
-            <img alt="image" height="40" src="/static/img/logo.png"/>
-        </div>
-        <div>
-            <span>Jumpserver</span>
-        </div>
-    </div>
-    <div class="clearfix"></div>
-</li>
-<script>
-$(document).ready(function () {
-})
-.on('click', '#switch_admin', function () {
-    setTimeout(function () {
-        setCookie("IN_ADMIN_PAGE", "Yes");
-        window.location = "/"
-    }, 100)
-})
-.on('click', '#switch_user', function () {
-    setTimeout(function () {
-        console.log("Set to No");
-        setCookie("IN_ADMIN_PAGE", "No");
-        window.location = "/"
-    }, 100);
-})
-</script>