diff --git a/src/app/utils/subscribe/invite/invite.component.html b/src/app/utils/subscribe/invite/invite.component.html
index f3060e7..78cacea 100644
--- a/src/app/utils/subscribe/invite/invite.component.html
+++ b/src/app/utils/subscribe/invite/invite.component.html
@@ -35,8 +35,8 @@
                                                 <input  placeholder="email" type="text" (click)="resetMessages(); areValid=true"
                                                         class="form-control uk-input uk-width-large@l uk-width-medium@s" [(ngModel)] = "recipients" id="recipients"
                                                         required>
-                                                <div *ngIf="areValid" class="uk-width-medium uk-text-muted uk-text-small style=display:none">separate multiple emails with a comma</div>
-                                                <div *ngIf="recipients && !areValid" class="uk-width-large uk-text-danger uk-text-small uk-margin-top">Please add valid email/s.</div>
+                                                <div *ngIf="areValid && !showAddRecipientMessage" class="uk-width-medium uk-text-muted uk-text-small">separate multiple emails with a comma</div>
+                                                <div *ngIf="recipients && !areValid" class="uk-width-large uk-text-danger uk-text-small">Please add valid email/s.</div>
                                                 <div *ngIf="!recipients && showAddRecipientMessage" class="uk-width-large uk-text-danger uk-text-small">Please add a recipient.</div>
                                             </td>
                                         </tr>