diff --git a/frontend/src/components/Notification/index.vue b/frontend/src/components/Notification/index.vue
index c173641dfe..abb9559ffc 100644
--- a/frontend/src/components/Notification/index.vue
+++ b/frontend/src/components/Notification/index.vue
@@ -184,7 +184,7 @@ export default {
     line-height: 14px;
     display: inline-block;
     position: fixed;
-    right: 155px;
+    right: 178px;
     top: 8px;
     background: red;
     color: #fff;
diff --git a/frontend/src/layout/components/Topbar.vue b/frontend/src/layout/components/Topbar.vue
index cab854ade5..d74a84cdb6 100644
--- a/frontend/src/layout/components/Topbar.vue
+++ b/frontend/src/layout/components/Topbar.vue
@@ -44,9 +44,10 @@
         </div>
       </template>
 
-      <el-dropdown class="top-dropdown" style="display: flex;align-items: center;">
-        <span class="el-dropdown-link" style="font-size: 14px;">
-          {{ name }}<i class="el-icon-arrow-down el-icon--right" />
+      <el-dropdown class="top-dropdown" style="display: flex;align-items: center; width:100px;">
+        <span class="el-dropdown-link" style="font-size: 14px;max-width: 80px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
+          {{ name }}
+          <i class="el-icon-arrow-down el-icon--right" />
         </span>
         <el-dropdown-menu slot="dropdown">
           <router-link to="/person-info/index">