diff --git a/src/assets/css/components/components/advancedSearch/codemirror.scss b/src/assets/css/components/components/advancedSearch/codemirror.scss
index 5fea5cad..832c06a7 100644
--- a/src/assets/css/components/components/advancedSearch/codemirror.scss
+++ b/src/assets/css/components/components/advancedSearch/codemirror.scss
@@ -2,7 +2,6 @@
 
 .CodeMirror {
   /* Set height, width, borders, and global font properties here */
-  font-family: monospace;
   height: 40px;
   color: black;
   direction: ltr;
diff --git a/src/assets/css/components/components/layout/layout.scss b/src/assets/css/components/components/layout/layout.scss
index ea4faafd..0761394c 100644
--- a/src/assets/css/components/components/layout/layout.scss
+++ b/src/assets/css/components/components/layout/layout.scss
@@ -144,7 +144,6 @@
                 text-align: -webkit-match-parent;
                 box-sizing: border-box;
                 cursor: pointer;
-                font-family: Helvetica;
                 font-size: 12px;
                 font-weight: 400;
               }
diff --git a/src/assets/css/components/views/chartHeader.scss b/src/assets/css/components/views/chartHeader.scss
index e7e62d9e..00baf4fc 100644
--- a/src/assets/css/components/views/chartHeader.scss
+++ b/src/assets/css/components/views/chartHeader.scss
@@ -68,7 +68,6 @@
             display: flex;
             justify-content: space-around;
             align-items: center;
-            font-family: Roboto-Regular;
             font-size: 12px;
             font-weight: 400;
         }
diff --git a/src/assets/css/components/views/charts/chartAlarmInfo.scss b/src/assets/css/components/views/charts/chartAlarmInfo.scss
index 643f9935..b923ba8a 100644
--- a/src/assets/css/components/views/charts/chartAlarmInfo.scss
+++ b/src/assets/css/components/views/charts/chartAlarmInfo.scss
@@ -50,7 +50,6 @@
                     .text-box__title {
                         font-size: 16px;
                         line-height: 19px;
-                        font-family: Roboto-Regular;
                         color: #333333;
                         font-weight: 400;
                         div {
@@ -86,7 +85,6 @@
                             }
 
                             .time-box__start-time {
-                                font-family: PingFangSC-Regular;
                                 font-size: 12px;
                                 color: #999999;
                                 line-height: 14px;
@@ -109,7 +107,6 @@
                             }
 
                             .time-box__start-time {
-                                font-family: PingFangSC-Regular;
                                 font-size: 12px;
                                 color: #999999;
                                 font-weight: 400;
@@ -118,7 +115,6 @@
 
                         .text__type {
                             width: auto;
-                            font-family: Roboto-Regular;
                             line-height: 16px;
                             font-size: 12px;
                             border: 1px solid;
@@ -138,7 +134,6 @@
                             width: 5px;
                             height: 5px;
                             border-radius: 50%;
-                            font-family: Roboto-Black;
                             font-size: 12px;
                             color: #666666;
                             line-height: 17px;
diff --git a/src/assets/css/components/views/charts/chartSingleValue.scss b/src/assets/css/components/views/charts/chartSingleValue.scss
index f257081e..aa2981b2 100644
--- a/src/assets/css/components/views/charts/chartSingleValue.scss
+++ b/src/assets/css/components/views/charts/chartSingleValue.scss
@@ -306,7 +306,6 @@
         display: flex;
         align-items: center;
         margin: 16px 0 27px 0;
-        font-family: PingFangSC-Medium;
         font-size: 16px;
         color: #333333;
         line-height: 22px;
@@ -324,7 +323,6 @@
 
         .content__data__doh {
           .content__data__doh__count {
-            font-family: Roboto-Medium;
             font-size: 30px;
             color: #333333;
             font-weight: 500;
@@ -332,13 +330,11 @@
 
           .content__data__doh__percent {
             margin-top: 10px;
-            font-family: Roboto-Black;
             font-size: 14px;
             color: #666666;
             font-weight: 400;
 
             span {
-              font-family: Roboto-Medium;
               font-size: 14px;
               color: #FC8157;
               font-weight: 500;
diff --git a/src/assets/css/components/views/charts2/dnsActiveMaliciousDomain.scss b/src/assets/css/components/views/charts2/dnsActiveMaliciousDomain.scss
index 0160a066..faa7f81a 100644
--- a/src/assets/css/components/views/charts2/dnsActiveMaliciousDomain.scss
+++ b/src/assets/css/components/views/charts2/dnsActiveMaliciousDomain.scss
@@ -7,7 +7,6 @@
   flex-direction: column;
 
   .dns-mailcious-domain-title {
-    font-family: NotoSansHans-Medium;
     font-size: 14px;
     color: #353636;
     margin-bottom: 12px;
diff --git a/src/assets/css/components/views/detections/detection-list/row.scss b/src/assets/css/components/views/detections/detection-list/row.scss
index 838bc658..baf0b4a1 100644
--- a/src/assets/css/components/views/detections/detection-list/row.scss
+++ b/src/assets/css/components/views/detections/detection-list/row.scss
@@ -116,7 +116,6 @@
           margin-right: 12px;
         }
         .detection-event-severity-block {
-          font-family: NotoSansHans-Medium;
           font-size: 12px;
           color: #046EC9;
           font-weight: 500;
diff --git a/src/assets/css/components/views/entityExplorer/entity-explorer.scss b/src/assets/css/components/views/entityExplorer/entity-explorer.scss
index 4500a602..9b7c345f 100644
--- a/src/assets/css/components/views/entityExplorer/entity-explorer.scss
+++ b/src/assets/css/components/views/entityExplorer/entity-explorer.scss
@@ -57,7 +57,6 @@
     color: #353636;
   }
   .explorer-top-tools-block {
-    font-family: NotoSansHans-Medium;
     height: 28px;
     line-height: 28px;
     background: #F5F8FA;
diff --git a/src/views/charts2/charts/npm/NpmAppEventTable.vue b/src/views/charts2/charts/npm/NpmAppEventTable.vue
index 60112d10..7020211d 100644
--- a/src/views/charts2/charts/npm/NpmAppEventTable.vue
+++ b/src/views/charts2/charts/npm/NpmAppEventTable.vue
@@ -39,23 +39,23 @@
               </template>
               <template v-else-if="item.prop === 'eventSeverity'">
                 <template v-if="scope.row[item.prop]==='critical'">
-                  <div v-for="item in 5" class="red-dot"></div>
+                  <div v-for="item in 5" class="red-dot" :key="item"></div>
                 </template>
                 <template v-else-if="scope.row[item.prop]==='high'">
-                  <div v-for="item in 4" class="red-dot"></div>
+                  <div v-for="item in 4" class="red-dot" :key="item"></div>
                   <div class="grey-dot"></div>
                 </template>
                 <template v-else-if="scope.row[item.prop]==='medium'">
-                  <div v-for="item in 3" class="red-dot"></div>
-                  <div v-for="item in 2" class="grey-dot"></div>
+                  <div v-for="item in 3" class="red-dot" :key="item"></div>
+                  <div v-for="item in 2" class="grey-dot" :key="item"></div>
                 </template>
                 <template v-else-if="scope.row[item.prop]==='low'">
-                  <div v-for="item in 2" class="red-dot"></div>
-                  <div v-for="item in 3" class="grey-dot"></div>
+                  <div v-for="item in 2" class="red-dot" :key="item"></div>
+                  <div v-for="item in 3" class="grey-dot" :key="item"></div>
                 </template>
                 <template v-else-if="scope.row[item.prop]==='info'">
-                  <div v-for="item in 1" class="red-dot"></div>
-                  <div v-for="item in 4" class="grey-dot"></div>
+                  <div v-for="item in 1" class="red-dot" :key="item"></div>
+                  <div v-for="item in 4" class="grey-dot" :key="item"></div>
                 </template>
                 <span class="data-severity">{{ $t(scope.row[item.prop]) }}</span>
               </template>