diff --git a/src/assets/css/components/views/charts2/npmAppCategoryScore.scss b/src/assets/css/components/views/charts2/npmAppCategoryScore.scss
index 045e2b83..3a095c79 100644
--- a/src/assets/css/components/views/charts2/npmAppCategoryScore.scss
+++ b/src/assets/css/components/views/charts2/npmAppCategoryScore.scss
@@ -138,6 +138,9 @@
       display: flex;
       justify-content: right;
       width: 50%;
+      font-size: 12px;
+      color: #353636;
+      font-weight: 400;
     }
     .data-trend{
       display: flex;
@@ -148,7 +151,6 @@
       justify-content: left;
       margin-left: 6px;
       font-size: 12px;
-      align-items: center;
       justify-content: center;
       margin-top: 2px;
       border-radius: 10px;
diff --git a/src/views/charts2/charts/SingleValue.vue b/src/views/charts2/charts/SingleValue.vue
index f6c177f0..d654c67f 100644
--- a/src/views/charts2/charts/SingleValue.vue
+++ b/src/views/charts2/charts/SingleValue.vue
@@ -8,7 +8,7 @@
           <i class="cn-icon-rise1 cn-icon"></i>&nbsp;{{unitConvert(npm.value, unitTypes.percent).join('')}}
         </div>
         <div v-else-if="npm.value < 0" class="single-value__content-trend single-value__content-trend-green">
-          <i class="cn-icon-rise1 cn-icon"></i>&nbsp;{{unitConvert(npm.value, unitTypes.percent).join('').replaceAll('-', '')}}
+          <i class="cn-icon-decline cn-icon"></i>&nbsp;{{unitConvert(npm.value, unitTypes.percent).join('').replaceAll('-', '')}}
         </div>
         <div v-else-if="npm.value === 0" class="single-value__content-trend single-value__content-trend-black">
           <i class="cn-icon-constant cn-icon"></i>
@@ -28,7 +28,7 @@
           <i class="cn-icon-rise1 cn-icon"></i>&nbsp;{{unitConvert(npm.value, unitTypes.percent).join('')}}
         </div>
         <div v-else-if="npm.value < 0" class="single-value__content-trend single-value__content-trend-green">
-          <i class="cn-icon-rise1 cn-icon"></i>&nbsp;{{unitConvert(npm.value, unitTypes.percent).join('').replaceAll('-', '')}}
+          <i class="cn-icon-decline cn-icon"></i>&nbsp;{{unitConvert(npm.value, unitTypes.percent).join('').replaceAll('-', '')}}
         </div>
         <div v-else-if="npm.value === 0" class="single-value__content-trend single-value__content-trend-black">
           <i class="cn-icon-constant cn-icon"></i>
@@ -48,7 +48,7 @@
           <i class="cn-icon-rise1 cn-icon"></i>&nbsp;{{unitConvert(npm.value, unitTypes.percent).join('')}}
         </div>
         <div v-else-if="npm.value < 0" class="single-value__content-trend single-value__content-trend-green">
-          <i class="cn-icon-rise1 cn-icon"></i>&nbsp;{{unitConvert(npm.value, unitTypes.percent).join('').replaceAll('-', '')}}
+          <i class="cn-icon-decline cn-icon"></i>&nbsp;{{unitConvert(npm.value, unitTypes.percent).join('').replaceAll('-', '')}}
         </div>
         <div v-else-if="npm.value === 0" class="single-value__content-trend single-value__content-trend-black">
           <i class="cn-icon-constant cn-icon"></i>
@@ -68,7 +68,7 @@
           <i class="cn-icon-rise1 cn-icon"></i>&nbsp;{{unitConvert(npm.value, unitTypes.percent).join('')}}
         </div>
         <div v-else-if="npm.value < 0" class="single-value__content-trend single-value__content-trend-green">
-          <i class="cn-icon-rise1 cn-icon"></i>&nbsp;{{unitConvert(npm.value, unitTypes.percent).join('').replaceAll('-', '')}}
+          <i class="cn-icon-decline cn-icon"></i>&nbsp;{{unitConvert(npm.value, unitTypes.percent).join('').replaceAll('-', '')}}
         </div>
         <div v-else-if="npm.value === 0" class="single-value__content-trend single-value__content-trend-black">
           <i class="cn-icon-constant cn-icon"></i>
@@ -88,7 +88,7 @@
           <i class="cn-icon-rise1 cn-icon"></i>&nbsp;{{unitConvert(npm.value, unitTypes.percent).join('')}}
         </div>
         <div v-else-if="npm.value < 0" class="single-value__content-trend single-value__content-trend-green">
-          <i class="cn-icon-rise1 cn-icon"></i>&nbsp;{{unitConvert(npm.value, unitTypes.percent).join('').replaceAll('-', '')}}
+          <i class="cn-icon-decline cn-icon"></i>&nbsp;{{unitConvert(npm.value, unitTypes.percent).join('').replaceAll('-', '')}}
         </div>
         <div v-else-if="npm.value === 0" class="single-value__content-trend single-value__content-trend-black">
           <i class="cn-icon-constant cn-icon"></i>
diff --git a/src/views/charts2/charts/npm/NpmNetworkQuantity.vue b/src/views/charts2/charts/npm/NpmNetworkQuantity.vue
index c26dfb86..2a910a02 100644
--- a/src/views/charts2/charts/npm/NpmNetworkQuantity.vue
+++ b/src/views/charts2/charts/npm/NpmNetworkQuantity.vue
@@ -216,19 +216,19 @@ export default {
     npmNetworkQuantity (cycle, lastCycle, num) {
       if (num === 0) {
         this.npmNetworkData[0] = {
-          establishLatencyMsAvg: cycle.establishLatencyMsAvg,
+          establishLatencyMsAvg: Math.floor(cycle.establishLatencyMsAvg),
           establishLatencyMsP99: cycle.establishLatencyMsP99,
           establishLatencyMsP95: cycle.establishLatencyMsP95,
           value: getChainRatio(cycle.establishLatencyMsAvg, lastCycle.establishLatencyMsAvg)
         }
         this.npmNetworkData[1] = {
-          httpResponseLatencyAvg: cycle.httpResponseLatencyAvg,
+          httpResponseLatencyAvg: Math.floor(cycle.httpResponseLatencyAvg),
           httpResponseLatencyP99: cycle.httpResponseLatencyP99,
           httpResponseLatencyP95: cycle.httpResponseLatencyP95,
           value: getChainRatio(cycle.httpResponseLatencyAvg, lastCycle.httpResponseLatencyAvg)
         }
         this.npmNetworkData[2] = {
-          sslConLatencyAvg: cycle.sslConLatencyAvg,
+          sslConLatencyAvg: Math.floor(cycle.sslConLatencyAvg),
           sslConLatencyP99: cycle.sslConLatencyP99,
           sslConLatencyP95: cycle.sslConLatencyP95,
           value: getChainRatio(cycle.sslConLatencyAvg, lastCycle.sslConLatencyAvg)