diff --git a/src/AuthModal.tsx b/src/AuthModal.tsx
index 83d42da..dd5b1fa 100644
--- a/src/AuthModal.tsx
+++ b/src/AuthModal.tsx
@@ -23,7 +23,7 @@ const AuthModal: React.FC<AuthProps> = ({ doLogin }) => {
 				</Modal.Header>
 
 				<Modal.Body>
-					<Form>
+					<Form onSubmit={(e) => {e.preventDefault(); doLogin(email, password)}}>
 						<Form.Group className="mb-3" controlId="formBasicEmail">
 							<Form.Label>Email address</Form.Label>
 							<Form.Control type="email" placeholder="Enter email" onChange={e => setEmail(e.target.value)}/>
@@ -36,11 +36,11 @@ const AuthModal: React.FC<AuthProps> = ({ doLogin }) => {
 							<Form.Label>Password</Form.Label>
 							<Form.Control type="password" placeholder="Password" onChange={e => setPassword(e.target.value)}/>
 						</Form.Group>
+						<Button variant="primary" type="submit">Login</Button>
 					</Form>
 				</Modal.Body>
 
 				<Modal.Footer>
-					<Button variant="primary" onClick={() => {doLogin(email, password)}}>Login</Button>
 				</Modal.Footer>
 			</Modal.Dialog>
 		</div>