diff --git a/web/html/xui/component/aCustomStatistic.html b/web/html/xui/component/aCustomStatistic.html
index a8ede41c..0bff128d 100644
--- a/web/html/xui/component/aCustomStatistic.html
+++ b/web/html/xui/component/aCustomStatistic.html
@@ -12,6 +12,18 @@
 {{end}}
 
 {{define "component/aCustomStatistic"}}
+<style>
+  .dark .ant-statistic-content {
+    color: var(--dark-color-text-primary)
+  }
+  .dark .ant-statistic-title {
+    color: rgba(255, 255, 255, 0.55)
+  }
+  .ant-statistic-content {
+    font-size: 16px;
+  }
+</style>
+
 <script>
   Vue.component('a-custom-statistic', {
     props: {
diff --git a/web/html/xui/index.html b/web/html/xui/index.html
index dc9b4750..92b25d5c 100644
--- a/web/html/xui/index.html
+++ b/web/html/xui/index.html
@@ -24,11 +24,9 @@
   }
   .dark .ant-backup-list-item svg,
   .dark .ant-badge-status-text,
-  .dark .ant-statistic-content,
   .dark .ant-card-extra {
     color: var(--dark-color-text-primary);
   }
-  .dark .ant-statistic-title,
   .dark .ant-card-actions>li {
     color: rgba(255, 255, 255, 0.55);
   }
@@ -48,9 +46,6 @@
   .ant-card-actions {
     background: transparent;
   }
-  .ant-statistic-content {
-    font-size: 16px;
-  }
   .ip-hidden {
     -webkit-user-select: none;
     -moz-user-select: none;