diff --git a/tzipc-ui/src/assets/styles/element-ui.scss b/tzipc-ui/src/assets/styles/element-ui.scss
index 3446579..73c9d63 100644
--- a/tzipc-ui/src/assets/styles/element-ui.scss
+++ b/tzipc-ui/src/assets/styles/element-ui.scss
@@ -499,7 +499,7 @@ div.el-table {
     color: #00caff;
   }
   .el-table__expand-icon {
-    color: #fff;
+    @include font_color(componentFontColor);
   }
   &::before,
   .el-table--group::after,
diff --git a/tzipc-ui/src/views/alarm/indexOkrTree.vue b/tzipc-ui/src/views/alarm/indexOkrTree.vue
index 7d0f1b2..44ed956 100644
--- a/tzipc-ui/src/views/alarm/indexOkrTree.vue
+++ b/tzipc-ui/src/views/alarm/indexOkrTree.vue
@@ -125,7 +125,11 @@ export default {
 };
 </script>
 
-<style>
+<style lang="scss" scoped>
+@import '@/theme/index.scss';
+.component-wrapper {
+  @include font_color(fontPrimary);
+}
 .org-chart-node-label .org-chart-node-btn {
   border-color: transparent !important;
   box-shadow: none !important;