diff --git a/src-ui/src/app/components/manage/mail/mail.component.html b/src-ui/src/app/components/manage/mail/mail.component.html
index cfc53acc3..c12e41782 100644
--- a/src-ui/src/app/components/manage/mail/mail.component.html
+++ b/src-ui/src/app/components/manage/mail/mail.component.html
@@ -39,11 +39,10 @@
         <div class="row">
           <div class="col d-flex align-items-center">
             <button class="btn btn-link p-0 text-start" type="button" (click)="editMailAccount(account)" [disabled]="!permissionsService.currentUserCan(PermissionAction.Change, PermissionType.MailAccount)">
-              {{account.name}}
-              @switch (account.account_type) {
-                @case (MailAccountType.IMAP) { <i-bs name="envelope-at-fill" class="ms-2"></i-bs> }
-                @case (MailAccountType.Gmail) { <i-bs name="google" class="ms-2"></i-bs> }
-                @case (MailAccountType.Outlook) { <i-bs name="microsoft" class="ms-2"></i-bs> }
+              {{account.name}}@switch (account.account_type) {
+                @case (MailAccountType.IMAP) {<i-bs name="envelope-at-fill" class="ms-2"></i-bs>}
+                @case (MailAccountType.Gmail) {<i-bs name="google" class="ms-2"></i-bs>}
+                @case (MailAccountType.Outlook) {<i-bs name="microsoft" class="ms-2"></i-bs>}
               }
             </button>
           </div>