diff --git a/web/src/App.svelte b/web/src/App.svelte
index 06682f0..1e7cfd3 100644
--- a/web/src/App.svelte
+++ b/web/src/App.svelte
@@ -290,9 +290,17 @@
       <h1>task-master</h1>
       <p class="muted">Sign in to manage projects and tickets.</p>
       {#if error}<p class="error">{error}</p>{/if}
-      <label>Username<input bind:value={loginUser} autocomplete="username" /></label>
-      <label>Password<input type="password" bind:value={loginPass} autocomplete="current-password" /></label>
-      <button class="primary" onclick={doLogin}>Login</button>
+      <form
+        class="stack"
+        onsubmit={(e) => {
+          e.preventDefault()
+          doLogin()
+        }}
+      >
+        <label>Username<input bind:value={loginUser} autocomplete="username" /></label>
+        <label>Password<input type="password" bind:value={loginPass} autocomplete="current-password" /></label>
+        <button class="primary" type="submit">Login</button>
+      </form>
     </div>
   </div>
 {:else}