diff --git a/Bootstrap.Admin/Views/Shared/Navigator.cshtml b/Bootstrap.Admin/Views/Shared/Navigator.cshtml
index 0706151a..03535489 100644
--- a/Bootstrap.Admin/Views/Shared/Navigator.cshtml
+++ b/Bootstrap.Admin/Views/Shared/Navigator.cshtml
@@ -10,7 +10,7 @@
     <div class="nav-header flex-fill align-items-center">
         <a href="~/Admin/Profiles">
             <img src="@Url.Content(Model.Icon)" />
-            <span class="d-inline-block font-weight-bold flex-fill">@Model.DisplayName</span>
+            <span class="username d-inline-block text-truncate font-weight-bold flex-fill">@Model.DisplayName</span>
         </a>
     </div>
     <!-- sidebar menu start-->
diff --git a/Bootstrap.Admin/wwwroot/css/lte.css b/Bootstrap.Admin/wwwroot/css/lte.css
index 73f82b5a..2a8cb5ef 100644
--- a/Bootstrap.Admin/wwwroot/css/lte.css
+++ b/Bootstrap.Admin/wwwroot/css/lte.css
@@ -136,8 +136,10 @@ aside {
             left: 4px;
         }
 
-    aside .nav-header span {
+    aside .nav-header .username {
         font-size: 1rem;
+        max-width: 120px;
+        vertical-align: middle;
     }
 
     aside .nav-link span {
diff --git a/Bootstrap.Admin/wwwroot/js/profiles.js b/Bootstrap.Admin/wwwroot/js/profiles.js
index 9806069c..fbe66d1d 100644
--- a/Bootstrap.Admin/wwwroot/js/profiles.js
+++ b/Bootstrap.Admin/wwwroot/js/profiles.js
@@ -90,7 +90,7 @@
                     url: Profiles.url, method: "put", data: data, title: "修改用户显示名称",
                     callback: function (result) {
                         if (result) {
-                            $('#userDisplayName').text(data.DisplayName);
+                            $('#userDisplayName, .nav-header .username').text(data.DisplayName);
                         }
                     }
                 });
diff --git a/Bootstrap.Admin/wwwroot/js/users.js b/Bootstrap.Admin/wwwroot/js/users.js
index 350712dd..2a20437e 100644
--- a/Bootstrap.Admin/wwwroot/js/users.js
+++ b/Bootstrap.Admin/wwwroot/js/users.js
@@ -75,7 +75,7 @@ $(function () {
             },
             callback: function (data) {
                 if (data && data.success && data.oper === 'save' && data.data.UserName === $('#userDisplayName').attr('data-userName')) {
-                    $('#userDisplayName').text(data.data.DisplayName);
+                    $('#userDisplayName, .nav-header .username').text(data.data.DisplayName);
                 }
                 if (data && data.oper === 'create') {
                     $('#userName').prop('readonly', false).removeClass("ignore");