diff --git a/src/assets/css/components/views/charts2/npmAppCategoryScore.scss b/src/assets/css/components/views/charts2/npmAppCategoryScore.scss
index aac6a853..859eef28 100644
--- a/src/assets/css/components/views/charts2/npmAppCategoryScore.scss
+++ b/src/assets/css/components/views/charts2/npmAppCategoryScore.scss
@@ -130,6 +130,10 @@
     .data-score.data-score-green {
       background: #749F4D;
     }
+    .data-score-no-data {
+      width: 34px;
+      text-align: center;
+    }
   }
   .data-total-value {
     display: flex;
diff --git a/src/views/charts2/charts/npm/NpmAppCategoryScore.vue b/src/views/charts2/charts/npm/NpmAppCategoryScore.vue
index e8289a08..e679325b 100644
--- a/src/views/charts2/charts/npm/NpmAppCategoryScore.vue
+++ b/src/views/charts2/charts/npm/NpmAppCategoryScore.vue
@@ -114,6 +114,9 @@
                 <div v-else-if="scope.row.score <= 6" :class="{'data-score-green': scope.row.score <= 6}" class="data-score">
                   {{scope.row.score}}
                 </div>
+                <div v-else-if="scope.row.score === '-'" class="data-score-no-data">
+                  -
+                </div>
               </template>
               <span v-else-if="scope.row[item.prop]">{{scope.row[item.prop]}}</span>
               <span v-else>-</span>