diff --git a/src/components/app/app.ts b/src/components/app/app.ts
index 33b19b7..11bea0e 100644
--- a/src/components/app/app.ts
+++ b/src/components/app/app.ts
@@ -1,9 +1,10 @@
 import {Component, Vue} from 'vue-property-decorator';
 import Login from '@/components/login/login';
 import Navigation from '@/components/navigation/navigation';
+import Overall from '@/pages/overall/overall';
 
 @Component({
-    components: {Login, Navigation},
+    components: {Login, Navigation, Overall},
 })
 export default class App extends Vue
 {
diff --git a/src/components/app/app.vue b/src/components/app/app.vue
index bf6cbc5..1c92be8 100644
--- a/src/components/app/app.vue
+++ b/src/components/app/app.vue
@@ -4,7 +4,7 @@
         <navigation :courses="courses" v-on:navigation:select="onNavigate"></navigation>
 
         <div id="app-content">
-            
+            <overall v-if="selectedTab === 'overall'"></overall>
         </div>
     </div>
 </template>