diff --git a/packages/editor/src/components/Tree.vue b/packages/editor/src/components/Tree.vue
index bfad5f02..26246409 100644
--- a/packages/editor/src/components/Tree.vue
+++ b/packages/editor/src/components/Tree.vue
@@ -15,7 +15,7 @@
         </template>
       </TreeNode>
     </template>
-    <div v-else>
+    <div v-else class="m-editor-tree-empty">
       <p>{{ emptyText }}</p>
     </div>
   </div>
diff --git a/packages/editor/src/theme/tree.scss b/packages/editor/src/theme/tree.scss
index c9542dce..624fd14f 100644
--- a/packages/editor/src/theme/tree.scss
+++ b/packages/editor/src/theme/tree.scss
@@ -80,4 +80,10 @@
       }
     }
   }
+
+  .m-editor-tree-empty {
+    text-align: center;
+    color: #909399;
+    font-size: 14px;
+  }
 }