diff --git a/src/components/KeyListTree.vue b/src/components/KeyListTree.vue
index c1d3e320d..7bf30d8cd 100644
--- a/src/components/KeyListTree.vue
+++ b/src/components/KeyListTree.vue
@@ -63,7 +63,7 @@ export default {
 
       // show key count
       if (treeNode.children) {
-        icoObj.after(`<span>(${treeNode.keyCount}) </span>`)
+        icoObj.after(`<span class='key-list-count'>(${treeNode.keyCount}) </span>`)
       }
 
       // folder indent
@@ -175,4 +175,11 @@ export default {
 .dark-mode .ztree li span.button::before {
   color: #9ea4a9;
 }
+
+.ztree .key-list-count {
+  color: #848a90;
+}
+.dark-mode .ztree .key-list-count {
+  color: #a3a6ad;
+}
 </style>