diff --git a/src/pages/overall/overall.scss b/src/pages/overall/overall.scss
index 6652e48..e3ea3fe 100644
--- a/src/pages/overall/overall.scss
+++ b/src/pages/overall/overall.scss
@@ -46,3 +46,17 @@
 {
     font-size: 11px;
 }
+
+// Graph average
+.graph-average-card
+{
+    margin-right: 20px;
+    min-width: 170px;
+}
+
+// Fix padding
+.el-card__body
+{
+    padding-top: 0 !important;
+    padding-bottom: 0 !important;
+}
diff --git a/src/pages/overall/overall.vue b/src/pages/overall/overall.vue
index 6c1f06a..25c425d 100644
--- a/src/pages/overall/overall.vue
+++ b/src/pages/overall/overall.vue
@@ -13,13 +13,13 @@
                     </div>
                 </el-card>
             </el-col>
-            <el-col :span="10">
+            <el-col :span="14">
                 <el-card>
                     <graph-overall :courses="courses"></graph-overall>
                 </el-card>
             </el-col>
-            <el-col :span="10">
-                <el-card style="margin-right: 20px">
+            <el-col :span="6">
+                <el-card class="graph-average-card">
                     <graph-average :courses="courses"></graph-average>
                 </el-card>
             </el-col>