diff --git a/support-portal-frontend/src/app/component/login/login.component.html b/support-portal-frontend/src/app/component/login/login.component.html
index c4dcac1..58a391f 100644
--- a/support-portal-frontend/src/app/component/login/login.component.html
+++ b/support-portal-frontend/src/app/component/login/login.component.html
@@ -27,7 +27,7 @@
           <span class="help-block" style="color:red;" *ngIf="passwordInput.invalid && passwordInput.touched"
           >Please enter a password.</span>
           <div class="d-flex justify-content-center mt-3 login_container">
-            <button type="submit" name="button" class="btn login_btn">
+            <button type="submit" [disabled]="loginForm.invalid || showLoading" name="button" class="btn login_btn">
               <i class="fas fa-spinner fa-spin" *ngIf="showLoading"></i>&nbsp;&nbsp;
               <span *ngIf="showLoading">Loading...</span>
               <span *ngIf="!showLoading">Login</span>