diff --git a/src/pages/overall/graph-average/graph-average.scss b/src/pages/overall/overall-bar/overall-bar.scss
similarity index 100%
rename from src/pages/overall/graph-average/graph-average.scss
rename to src/pages/overall/overall-bar/overall-bar.scss
diff --git a/src/pages/overall/graph-average/graph-average.ts b/src/pages/overall/overall-bar/overall-bar.ts
similarity index 98%
rename from src/pages/overall/graph-average/graph-average.ts
rename to src/pages/overall/overall-bar/overall-bar.ts
index 8b5bf1c..86e0bdc 100644
--- a/src/pages/overall/graph-average/graph-average.ts
+++ b/src/pages/overall/overall-bar/overall-bar.ts
@@ -5,7 +5,7 @@ import Constants from '@/constants';
 
 @Component({
 })
-export default class GraphAverage extends Vue
+export default class OverallBar extends Vue
 {
     // @ts-ignore
     @Prop({required: true}) courses: Course[];
diff --git a/src/pages/overall/graph-average/graph-average.vue b/src/pages/overall/overall-bar/overall-bar.vue
similarity index 59%
rename from src/pages/overall/graph-average/graph-average.vue
rename to src/pages/overall/overall-bar/overall-bar.vue
index 3860a3f..7c795cd 100644
--- a/src/pages/overall/graph-average/graph-average.vue
+++ b/src/pages/overall/overall-bar/overall-bar.vue
@@ -5,5 +5,5 @@
     </div>
 </template>
 
-<script src="./graph-average.ts" lang="ts"></script>
-<style src="./graph-average.scss" lang="scss"></style>
+<script src="./overall-bar.ts" lang="ts"></script>
+<style src="./overall-bar.scss" lang="scss"></style>
diff --git a/src/pages/overall/overall.ts b/src/pages/overall/overall.ts
index 355f926..6a150b3 100644
--- a/src/pages/overall/overall.ts
+++ b/src/pages/overall/overall.ts
@@ -1,11 +1,11 @@
 import {Component, Prop, Vue} from 'vue-property-decorator';
 import OverallLine from '@/pages/overall/overall-line/overall-line';
-import GraphAverage from '@/pages/overall/graph-average/graph-average';
+import OverallBar from '@/pages/overall/overall-bar/overall-bar';
 import {Course} from '@/components/app/app';
 import {GPAUtils} from '@/utils/gpa-utils';
 
 @Component({
-    components: {OverallLine, GraphAverage}
+    components: {OverallLine, OverallBar}
 })
 export default class Overall extends Vue
 {
diff --git a/src/pages/overall/overall.vue b/src/pages/overall/overall.vue
index 4c1d9bf..56b6db8 100644
--- a/src/pages/overall/overall.vue
+++ b/src/pages/overall/overall.vue
@@ -20,7 +20,7 @@
             </el-col>
             <el-col :span="6">
                 <el-card class="graph-average-card">
-                    <graph-average :courses="courses"></graph-average>
+                    <overall-bar :courses="courses"></overall-bar>
                 </el-card>
             </el-col>
         </el-row>