login invalid login message show in single line

src/app/features/authentication/pages/login/login.html

@@ -41,7 +41,7 @@
         <!-- Login Form -->
         <form [formGroup]="adminLoginForm" (ngSubmit)="login()" class="space-y-4">
           @if (loginError) {
-          <div class="p-3 text-xs text-red-600 bg-red-50 border border-red-200 rounded-lg">
+          <div class="p-3 text-xs sm:text-sm text-red-600 bg-red-50 border border-red-200 rounded-xl text-center font-medium w-full">
             {{ loginError }}
           </div>
           }

src/app/features/authentication/pages/login/login.scss

@@ -30,11 +30,4 @@
     width: 30px;
     height: 30px;
   }
-
-  .rounded-lg {
-    width: 120px;
-    justify-content: center;
-    margin: auto;
-    border-radius: 0.75rem;
-  }
 }

src/app/features/authentication/pages/login/login.ts

@@ -81,7 +81,6 @@ export class Login {
       .subscribe({
         next: () => {
           if (this.loginError) {
-            this.notification.error(this.loginError);
             return;
           }
 
@@ -93,8 +92,6 @@ export class Login {
             error?.error?.detail ||
             error?.error?.message ||
             'Invalid email or password';
-
-          this.notification.error(this.loginError);
         }
       });
   }