diff --git a/src/app/settings/emergency-access-view.component.html b/src/app/settings/emergency-access-view.component.html
index 360b65bb5f3..4c23bf062f5 100644
--- a/src/app/settings/emergency-access-view.component.html
+++ b/src/app/settings/emergency-access-view.component.html
@@ -42,6 +42,10 @@
             </tbody>
         </table>
     </ng-container>
+    <ng-container *ngIf="!loaded">
+        <i class="fa fa-spinner fa-spin text-muted" title="{{'loading' | i18n}}" aria-hidden="true"></i>
+        <span class="sr-only">{{'loading' | i18n}}</span>
+    </ng-container>
 </div>
 <ng-template #cipherAddEdit></ng-template>
 <ng-template #attachments></ng-template>
diff --git a/src/app/settings/emergency-access-view.component.ts b/src/app/settings/emergency-access-view.component.ts
index fc3f0d81f4a..4dfd76feb17 100644
--- a/src/app/settings/emergency-access-view.component.ts
+++ b/src/app/settings/emergency-access-view.component.ts
@@ -31,6 +31,7 @@ export class EmergencyAccessViewComponent implements OnInit {
 
     id: string;
     ciphers: CipherView[] = [];
+    loaded = false;
 
     constructor(private cipherService: CipherService, private cryptoService: CryptoService,
         private modalService: ModalService, private router: Router,
@@ -60,6 +61,7 @@ export class EmergencyAccessViewComponent implements OnInit {
     async load() {
         const response = await this.apiService.postEmergencyAccessView(this.id);
         this.ciphers = await this.getAllCiphers(response);
+        this.loaded = true;
     }
 
     async viewAttachments(cipher: CipherView) {