diff --git a/frontend/src/views/components/HomeAside/HomeAside.css b/frontend/src/views/components/HomeAside/HomeAside.css
index e25c6970..f284ef71 100644
--- a/frontend/src/views/components/HomeAside/HomeAside.css
+++ b/frontend/src/views/components/HomeAside/HomeAside.css
@@ -142,17 +142,26 @@
   align-items: center;
   justify-content: center;
   justify-self: end;
-  width: 32px;
+  gap: 6px;
+  min-width: 76px;
   height: 32px;
-  padding: 0;
+  padding: 0 6px;
   border: 0;
   border-radius: 6px;
   background: transparent;
   color: var(--pm-text-secondary);
-  font-size: 18px;
+  font-family: inherit;
+  font-size: 13px;
+  line-height: 1;
+  white-space: nowrap;
   cursor: pointer;
 }
 
+.logout-btn .el-icon {
+  flex-shrink: 0;
+  font-size: 18px;
+}
+
 .logout-btn:hover:not(:disabled) {
   background: var(--el-color-danger-light-9);
   color: var(--el-color-danger);
diff --git a/frontend/src/views/components/HomeAside/HomeAside.vue b/frontend/src/views/components/HomeAside/HomeAside.vue
index 9b7ed374..e232dd6b 100644
--- a/frontend/src/views/components/HomeAside/HomeAside.vue
+++ b/frontend/src/views/components/HomeAside/HomeAside.vue
@@ -42,6 +42,7 @@
             @click="logout"
           >
             <el-icon><SwitchButton /></el-icon>
+            <span>{{ lang.logout }}</span>
           </button>
         </el-tooltip>
         <strong class="account-name" :title="currentAccount">{{ currentAccount }}</strong>