diff --git a/src/app/components/login/login.component.html b/src/app/components/login/login.component.html
index 7d32e0e..c0b76d7 100644
--- a/src/app/components/login/login.component.html
+++ b/src/app/components/login/login.component.html
@@ -2,13 +2,13 @@
     <div class="col-12 text-center mb-4">
         <img src="assets/layout/images/logo-blue.svg" alt="Sakai logo" style="width:81px; height:60px;">
     </div>
-    <div class="col-6" style="border:none; border-radius:56px; padding:0.3rem; background: linear-gradient(180deg, rgba(33, 150, 243, 0.4) 10%, rgba(33, 150, 243, 0) 30%);">
+    <div class="col-11 md:col-6" style="border:none; border-radius:56px; padding:0.3rem; background: linear-gradient(180deg, rgba(33, 150, 243, 0.4) 10%, rgba(33, 150, 243, 0) 30%);">
         <div class="surface-card h-full w-full m-0 py-7 px-4" style="border:none; border-radius:53px;">
             <div class="grid flex-column align-items-center">
                 <img src="assets/layout/images/avatar.png" alt="Profile avatar" style="width:56px; height:56px;">
                 <h4 class="font-medium text-gray-900 text-5xl mb-2">Welcome, Isabel!</h4>
                 <span class="text-gray-600 text-2xl">Sign in to continue</span>
-                <div class="col-10 mt-5">
+                <div class="col-11 md:col-10 mt-5">
                     <div class="grid">
                         <div class="col-12 my-2">
                             <label htmlFor="email" class="text-gray-900 text-2xl font-medium block mb-2 line-height-3">Email Address</label>