diff --git a/src/app/login/login.component.html b/src/app/login/login.component.html
index e2dd4c0..f6a3b67 100644
--- a/src/app/login/login.component.html
+++ b/src/app/login/login.component.html
@@ -1,5 +1,5 @@
-<div class="mx-auto pt-3 container max-w-md">
-  <mat-card appearance="outlined">
+<div class="mx-auto place-content-center container max-w-md h-full">
+  <mat-card class="mx-3 sm:mx-0" appearance="outlined">
     <mat-card-content>
       <h1>Login</h1>