diff --git a/app/src/views/LoginView.vue b/app/src/views/LoginView.vue
index fe601ee..9ab3f54 100644
--- a/app/src/views/LoginView.vue
+++ b/app/src/views/LoginView.vue
@@ -29,14 +29,15 @@ async function doLogin() {
 </script>
 <template>
   <main class="centered-content">
-    <h1 class="align-center">Login</h1>
+    <h1 class="align-center">Login to Teacher-Tools</h1>
     <form>
       <div class="login-input-row">
-        <input id="username-input" name="username" type="text" v-model="credentials.username" placeholder="Username" />
+        <label for="username-input">Username</label>
+        <input id="username-input" name="username" type="text" v-model="credentials.username" />
       </div>
       <div class="login-input-row">
-        <input id="password-input" name="password" type="password" v-model="credentials.password"
-          placeholder="Password" />
+        <label for="password-input">Password</label>
+        <input id="password-input" name="password" type="password" v-model="credentials.password" />
       </div>
       <div class="button-bar align-center">
         <button type="button" @click="doLogin" style="font-size: large;">Login</button>