diff --git a/src/assets/css/components/views/charts2/networkOverviewDdosDetection.scss b/src/assets/css/components/views/charts2/networkOverviewDdosDetection.scss
index 89197f11..51291bb0 100644
--- a/src/assets/css/components/views/charts2/networkOverviewDdosDetection.scss
+++ b/src/assets/css/components/views/charts2/networkOverviewDdosDetection.scss
@@ -24,7 +24,8 @@
     .ddos-detection-type {
       display: flex;
       justify-content: space-between;
-      margin: 20px 0;
+      height: calc(100% - 65px);
+      margin-top: 20px;
       .ddos-detection-type-value {
         display: flex;
         flex-direction: column;
diff --git a/src/assets/css/components/views/charts2/networkOverviewLine.scss b/src/assets/css/components/views/charts2/networkOverviewLine.scss
index 07cba989..fd2e68ab 100644
--- a/src/assets/css/components/views/charts2/networkOverviewLine.scss
+++ b/src/assets/css/components/views/charts2/networkOverviewLine.scss
@@ -1,4 +1,4 @@
-.line {
+.line.network {
   height: 100%;
   width: 100%;
   position: relative;
diff --git a/src/views/charts2/charts/NetworkOverviewLine.vue b/src/views/charts2/charts/NetworkOverviewLine.vue
index 88bd09aa..88f3cb58 100644
--- a/src/views/charts2/charts/NetworkOverviewLine.vue
+++ b/src/views/charts2/charts/NetworkOverviewLine.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="line">
+  <div class="line network">
     <div class="chart-drawing" id="chart"></div>
     <div class="line-value">
       <div class="line-value-mpackets" v-for="(item, index) in mpackets" :key="item">