diff --git a/nezha-fronted/src/components/page/dashboard/panel.vue b/nezha-fronted/src/components/page/dashboard/panel.vue
index f6df13aec..2477ac298 100644
--- a/nezha-fronted/src/components/page/dashboard/panel.vue
+++ b/nezha-fronted/src/components/page/dashboard/panel.vue
@@ -23,7 +23,7 @@
                 </template>
                 <template v-slot:trigger>
                   <i style="color: #BEBEBE" class="el-icon-menu"></i>
-                  <span style="display: inline-block;padding: 0 7px;font-weight: bold">{{showPanel.name}}</span>
+                  <span :title="showPanel.name" class="show-panel-name">{{showPanel.name}}</span>
                   <i style="font-size: 12px;color: #BEBEBE;" class="nz-icon nz-icon-arrow-down"></i>
                 </template>
                 <template v-slot:tail>
@@ -953,4 +953,14 @@ export default {
     background: center center no-repeat #fff;
     z-index: 10;
   }
+  .show-panel-name{
+    display: inline-block;
+    padding: 0 7px;
+    font-weight: bold;
+    max-width: 310px;
+    overflow:hidden;
+    text-overflow:ellipsis;
+    white-space:nowrap;
+    vertical-align: bottom;
+  }
 </style>