diff --git a/src/bg-ui/index.scss b/src/bg-ui/index.scss
index 459fe858d9c5071323fb1fc8d75bad6d928b8898..409c35d0f0c2ad49c467fdfda1bcf15f14d9ae83 100644
--- a/src/bg-ui/index.scss
+++ b/src/bg-ui/index.scss
@@ -644,17 +644,20 @@ a {
   &::before {
     display: none;
   }
-  .empty_container {
-    height: 500px;
-    padding-top: 247px;
-    img {
-      width: 257px;
-      height: 145px;
-    }
-    .text {
-      font-size: 16px;
-      color: #616f94;
-      line-height: 1;
+  .el-table__empty-block {
+    height: 500px!important;
+    .empty_container {
+      height: 500px;
+      padding-top: 247px;
+      img {
+        width: 257px;
+        height: 145px;
+      }
+      .text {
+        font-size: 16px;
+        color: #616f94;
+        line-height: 1;
+      }
     }
   }
   th,
diff --git a/src/components/ability-card.vue b/src/components/ability-card.vue
index 3d2c77e606699ad2b3096a8ee95433f31e3cc1a2..6274c921c1145eb367327d9971c67906b8434833 100644
--- a/src/components/ability-card.vue
+++ b/src/components/ability-card.vue
@@ -17,7 +17,9 @@
       </div>
       <div class="info">
         <div class="name">
-          <span class="ability_name">{{ props.item.ability_name }}</span>
+          <el-tooltip class="box-item" effect="light" :content="props.item.ability_name" placement="top">
+            <span class="ability_name">{{ props.item.ability_name }}</span>
+          </el-tooltip>
           <span class="icon_box openness" :class="openClassObj[props.item.openness_id]">{{ props.item.openness }}</span>
           <span class="icon_box mock" v-if="props.item.include_mock_service">mock</span>
         </div>