diff --git a/src/components/Charts/Field/index.js b/src/components/Charts/Field/index.js
index 0f9ace22e466b51926d4e7b369aea0b7edbbc2ff..22dca86c0dd6ede80de52ca7c124afa12fda4a13 100644
--- a/src/components/Charts/Field/index.js
+++ b/src/components/Charts/Field/index.js
@@ -4,8 +4,8 @@ import styles from './index.less';
 
 const Field = ({ label, value, ...rest }) => (
   <div className={styles.field} {...rest}>
-    <span>{label}</span>
-    <span>{value}</span>
+    <span className={styles.label}>{label}</span>
+    <span className={styles.number}>{value}</span>
   </div>
 );
 
diff --git a/src/components/Charts/Field/index.less b/src/components/Charts/Field/index.less
index aeafbcb886afa0e1c1a7f5d81aba1ce5c065ffe4..170ddc1d85fd4f1e6dd9f909e481341408269c94 100644
--- a/src/components/Charts/Field/index.less
+++ b/src/components/Charts/Field/index.less
@@ -5,12 +5,13 @@
   overflow: hidden;
   text-overflow: ellipsis;
   margin: 0;
-  span {
+  .label,
+  .number {
     font-size: @font-size-base;
     line-height: 22px;
   }
-  span:last-child {
-    margin-left: 8px;
+  .number {
     color: @heading-color;
+    margin-left: 8px;
   }
 }