diff --git a/src/components/app/app.vue b/src/components/app/app.vue
index 1c48d92..e83d97e 100644
--- a/src/components/app/app.vue
+++ b/src/components/app/app.vue
@@ -1,8 +1,7 @@
 <template>
-  <div id="app">
-    <img alt="Vue logo" src="../../assets/logo.png">
-    <login></login>
-  </div>
+    <div id="app">
+        <login v-if="showLogin" v-on:login:courses="onLogin"></login>
+    </div>
 </template>
 
 <script src="./app.ts" lang="ts"></script>
diff --git a/src/components/login/login.vue b/src/components/login/login.vue
index 96750bb..cd409d5 100644
--- a/src/components/login/login.vue
+++ b/src/components/login/login.vue
@@ -1,5 +1,7 @@
 <template>
     <div id="login">
+        <img alt="Vue logo" src="../../assets/logo.png">
+        <h1>Veracross Analyzer</h1>
         <el-input v-model="username" placeholder="School Username"></el-input>
         <el-input v-model="password" placeholder="Veracross Password" show-password=""></el-input>
         <el-button plain type="primary" @click="onLoginClick">Login</el-button>