diff --git a/src/layouts/BasicLayout.vue b/src/layouts/BasicLayout.vue
index 78a0f147..c7e0fa9f 100644
--- a/src/layouts/BasicLayout.vue
+++ b/src/layouts/BasicLayout.vue
@@ -134,7 +134,9 @@ tabsStore.clear();
       <template #menuHeaderRender>
         <RouterLink :to="{ name: 'Index' }" :replace="true">
           <img class="logo" src="@/assets/logo.png" />
-          <h1>{{ appName }}</h1>
+          <h1 class="title" :title="t('common.title')">
+            {{ t('common.title') }}
+          </h1>
         </RouterLink>
       </template>
 
@@ -201,4 +203,11 @@ tabsStore.clear();
   border-style: none;
   border-radius: 6.66px;
 }
+
+.title {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: 180px;
+}
 </style>