diff --git a/Bootstrap.Admin/Views/Shared/Header.cshtml b/Bootstrap.Admin/Views/Shared/Header.cshtml
index 8db46c0c..9d3292c4 100644
--- a/Bootstrap.Admin/Views/Shared/Header.cshtml
+++ b/Bootstrap.Admin/Views/Shared/Header.cshtml
@@ -96,7 +96,7 @@
                     <div class="d-flex flex-fill align-items-center">
                         <img src="@Url.Content(Model.Icon)">
                         <div class="flex-fill">
-                            <div class="font-weight-bold flex-fill">@Model.DisplayName</div>
+                            <div class="username text-truncate">@Model.DisplayName</div>
                             <div>登录名：@Model.UserName</div>
                         </div>
                     </div>
diff --git a/Bootstrap.Admin/wwwroot/css/lte.css b/Bootstrap.Admin/wwwroot/css/lte.css
index e9176a71..b2d7eb52 100644
--- a/Bootstrap.Admin/wwwroot/css/lte.css
+++ b/Bootstrap.Admin/wwwroot/css/lte.css
@@ -36,17 +36,22 @@
     top: 64px;
 }
 
+.username {
+    margin-left: 0.625rem;
+    font-size: 1rem;
+    font-weight: 500;
+    vertical-align: middle;
+    max-width: 120px;
+}
+
 .userinfo img {
     border-radius: 4px;
     width: 40px;
     height: 40px;
-    margin-right: 0.625rem;
 }
 
 .userinfo .username {
-    font-size: 1rem;
     max-width: 110px;
-    font-weight: 500;
 }
 
 .userinfo .dropdown-toggle, .userinfo .dropdown-toggle:hover, .userinfo.show .dropdown-toggle, .nav [data-toggle="dropdown"], .nav [data-toggle="dropdown"]:hover {
@@ -72,10 +77,17 @@
 
     .userinfo .dropdown-item img {
         width: 60px;
-        margin-right: 1rem;
         height: 60px;
     }
 
+    .userinfo .dropdown-item .username {
+        max-width: 180px;
+    }
+
+    .userinfo .dropdown-item .username + div {
+        margin-left: 0.625rem;
+    }
+
     .userinfo .dropdown-item a {
         padding: 0.25rem 0.625rem;
     }
@@ -136,12 +148,6 @@ aside {
             left: 4px;
         }
 
-    aside .nav-header .username {
-        font-size: 1rem;
-        max-width: 120px;
-        vertical-align: middle;
-    }
-
     aside .nav-link span {
         display: inline-block;
         white-space: nowrap;
@@ -282,7 +288,6 @@ body {
 
         aside .nav-header span, .sidebar-open aside:hover .nav-header span {
             color: #eee;
-            margin-left: 0.625rem;
         }
 
         aside .sub .nav-link, .userinfo .dropdown-item, aside .sidebar .sub .nav-item {