diff --git a/frontend/src/components/card-with-header/index.vue b/frontend/src/components/card-with-header/index.vue
index b487cd924..55803d315 100644
--- a/frontend/src/components/card-with-header/index.vue
+++ b/frontend/src/components/card-with-header/index.vue
@@ -40,20 +40,6 @@ defineProps({
                 border-radius: 10px;
             }
         }
-        // span:first-child {
-        //     background: $primary-color;
-        //     border-radius: 7px;
-        //     flex: none;
-        //     order: 0;
-        //     flex-grow: 0;
-        //     padding: 3px;
-        // }
-
-        // span:nth-child(2) {
-        //     font-size: 18px;
-        //     font-weight: 700;
-        //     margin-left: 10px;
-        // }
     }
 
     div:nth-child(2) {
diff --git a/frontend/src/views/home/index.vue b/frontend/src/views/home/index.vue
index c5d807db7..79aec3c6d 100644
--- a/frontend/src/views/home/index.vue
+++ b/frontend/src/views/home/index.vue
@@ -583,8 +583,12 @@ function freshChart(chartName: string, legendDatas: any, xDatas: any, yDatas: an
 }
 
 function changeChartSize() {
-    echarts.getInstanceByDom(document.getElementById('ioChart') as HTMLElement)?.resize();
-    echarts.getInstanceByDom(document.getElementById('networkChart') as HTMLElement)?.resize();
+    if (document.getElementById('ioChart') != null) {
+        echarts.getInstanceByDom(document.getElementById('ioChart') as HTMLElement)?.resize();
+    }
+    if (document.getElementById('networkChart') != null) {
+        echarts.getInstanceByDom(document.getElementById('networkChart') as HTMLElement)?.resize();
+    }
 }
 
 onMounted(() => {