diff --git a/application/index/view/default/index/index.html b/application/index/view/default/index/index.html
index 28d841811..7ab5d1d0f 100755
--- a/application/index/view/default/index/index.html
+++ b/application/index/view/default/index/index.html
@@ -45,7 +45,7 @@
                     <img src="{{if !empty($user['avatar'])}}{{$user.avatar}}{{else /}}{{$attachment_host}}/static/{{$module_name}}/{{$default_theme}}/images/default-user-avatar.jpg{{/if}}" class="user-avatar" />
                 </a>
                 <em>
-                    <span class="s-name">
+                    <span class="s-name am-text-truncate">
                         {{if !empty($user)}}
                             <em>Hi,</em>
                             {{if !empty($user['icon'])}}
diff --git a/public/static/index/default/css/index.css b/public/static/index/default/css/index.css
index fa23461ca..919717e31 100755
--- a/public/static/index/default/css/index.css
+++ b/public/static/index/default/css/index.css
@@ -156,7 +156,7 @@ text-align: center;float:none}
     .mod-vip{ display: block; padding: 10px; }
     .m-baseinfo{position: relative;margin-bottom: 10px;}
     .m-baseinfo img.user-avatar {display: block;width: 50px;height: 50px;border-radius: 50px;}
-    .m-baseinfo em span {position: absolute;top:15px;left:60px;font-size: 12px;color: #3C3C3C;}
+    .m-baseinfo em span {position: absolute;top:15px;left:60px;font-size: 12px;color: #3C3C3C;width: 140px;}
     .member-login .btn{width:48%;height: 25px;display: inline-block;line-height: 25px;text-align: center;}
     .member-login .btn:hover { color: #fff !important; text-decoration: none; }
     .member-login{overflow: hidden;height:25px;text-align: center;}