diff --git a/src/app/shared/components/signup-modal/signup-modal.component.html b/src/app/shared/components/signup-modal/signup-modal.component.html
index 91900cf36312f7a593f372e86e14eb75217f1e3d..492b39e291a3d34c23112fa94fe5830c2cd964ff 100644
--- a/src/app/shared/components/signup-modal/signup-modal.component.html
+++ b/src/app/shared/components/signup-modal/signup-modal.component.html
@@ -39,13 +39,13 @@
                 <use [attr.xlink:href]="'assets/form/sprite.svg#notValidate'"></use>
               </svg>
             </div>
-            <div class="invalid" *ngIf="authFailed">Identifiant ou mot de passe invalide</div>
+            <div class="incorrectId" *ngIf="authFailed">Identifiant ou mot de passe invalide</div>
           </div>
           <div class="footerModal" fxLayout="row" fxLayoutAlign="space-around center">
-            <button class="btn confirm" (click)="swithToResetPassword()">Mot de passe oublié</button>
+            <button type="button" class="btn confirm" (click)="swithToResetPassword()">Mot de passe oublié</button>
             <button
               type="submit"
-              class="btn"
+              class="btn-primary"
               [disabled]="loginForm.invalid || loading"
               [ngClass]="{ invalid: loginForm.invalid || loading }"
             >
diff --git a/src/app/shared/components/signup-modal/signup-modal.component.scss b/src/app/shared/components/signup-modal/signup-modal.component.scss
index 2133bd8f4c529f1d06136da9462d7588b900d632..ecf2f6b5648c36b232fd34a7f2c18b08cf31c1e0 100644
--- a/src/app/shared/components/signup-modal/signup-modal.component.scss
+++ b/src/app/shared/components/signup-modal/signup-modal.component.scss
@@ -7,9 +7,11 @@
 .ico-close {
   width: 100%;
 }
-.invalid {
+
+.incorrectId {
   color: $orange-warning;
 }
+
 h3 {
   @include cn-bold-26;
   color: $black;