diff --git a/src/pages/overall/overall-bar/overall-bar.scss b/src/pages/overall/overall-bar/overall-bar.scss
index 9fd1b5d..402fe08 100644
--- a/src/pages/overall/overall-bar/overall-bar.scss
+++ b/src/pages/overall/overall-bar/overall-bar.scss
@@ -1,4 +1,4 @@
-#graph-average
+#overall-bar
 {
     .graph
     {
diff --git a/src/pages/overall/overall-bar/overall-bar.vue b/src/pages/overall/overall-bar/overall-bar.vue
index 7c795cd..bc4c0bc 100644
--- a/src/pages/overall/overall-bar/overall-bar.vue
+++ b/src/pages/overall/overall-bar/overall-bar.vue
@@ -1,5 +1,5 @@
 <template>
-    <div id="graph-average">
+    <div id="overall-bar">
         <ve-bar height="450px" class="graph"
                 :extend="chartSettings"></ve-bar>
     </div>
diff --git a/src/pages/overall/overall-line/overall-line.vue b/src/pages/overall/overall-line/overall-line.vue
index 64640c1..86e12bd 100644
--- a/src/pages/overall/overall-line/overall-line.vue
+++ b/src/pages/overall/overall-line/overall-line.vue
@@ -1,5 +1,5 @@
 <template>
-    <div id="graph-overall">
+    <div id="overall-line">
         <ve-line :data="convertChart" :extend="settings"></ve-line>
     </div>
 </template>
diff --git a/src/pages/overall/overall.scss b/src/pages/overall/overall.scss
index e3ea3fe..251cde0 100644
--- a/src/pages/overall/overall.scss
+++ b/src/pages/overall/overall.scss
@@ -48,7 +48,7 @@
 }
 
 // Graph average
-.graph-average-card
+.overall-bar-card
 {
     margin-right: 20px;
     min-width: 170px;
diff --git a/src/pages/overall/overall.vue b/src/pages/overall/overall.vue
index 56b6db8..3416741 100644
--- a/src/pages/overall/overall.vue
+++ b/src/pages/overall/overall.vue
@@ -19,7 +19,7 @@
                 </el-card>
             </el-col>
             <el-col :span="6">
-                <el-card class="graph-average-card">
+                <el-card class="overall-bar-card">
                     <overall-bar :courses="courses"></overall-bar>
                 </el-card>
             </el-col>