diff --git a/nezha-fronted/src/assets/css/components/common/project/L5/popData/common.scss b/nezha-fronted/src/assets/css/components/common/project/L5/popData/common.scss
index 92260b40b..f5e2d6e05 100644
--- a/nezha-fronted/src/assets/css/components/common/project/L5/popData/common.scss
+++ b/nezha-fronted/src/assets/css/components/common/project/L5/popData/common.scss
@@ -143,6 +143,7 @@
     width: 120px;
     display: inline-block;
     padding: 3px 0;
+    vertical-align: middle;
   }
   .content-text {
     width: 175px;
@@ -150,6 +151,10 @@
     font-size: 12px;
     display: inline-block;
     padding: 3px 5px;
+    vertical-align: middle;
+    overflow:hidden;
+    text-overflow:ellipsis;
+    white-space:nowrap
   }
   .module-type {
     border: 1px solid #DCDCDC;
diff --git a/nezha-fronted/src/components/common/project/popData/Info.vue b/nezha-fronted/src/components/common/project/popData/Info.vue
index 5c2a24eaa..60fcd2738 100644
--- a/nezha-fronted/src/components/common/project/popData/Info.vue
+++ b/nezha-fronted/src/components/common/project/popData/Info.vue
@@ -38,7 +38,7 @@
         </div>
         <div class="content-box">
           <span class="content-title">{{ $t('overall.remark') }}</span>
-          <span class="content-text">{{moduleInfo.remark?moduleInfo.remark:'--'}}</span>
+          <span class="content-text" :title="moduleInfo.remark?moduleInfo.remark:'--'">{{moduleInfo.remark?moduleInfo.remark:'--'}}</span>
         </div>
       </div>
     </div>