diff --git a/src/app/tools/reused-passwords-report.component.html b/src/app/tools/reused-passwords-report.component.html
index 6b7a251340f..49556e36f8c 100644
--- a/src/app/tools/reused-passwords-report.component.html
+++ b/src/app/tools/reused-passwords-report.component.html
@@ -1,8 +1,13 @@
 <div class="page-header">
-    <h1>{{'reusedPasswordsReport' | i18n}}</h1>
+    <h1>
+        {{'reusedPasswordsReport' | i18n}}
+        <small *ngIf="hasLoaded && loading">
+            <i class="fa fa-spinner fa-spin text-muted" title="{{'loading' | i18n}}"></i>
+        </small>
+    </h1>
 </div>
 <p>{{'reusedPasswordsReportDesc' | i18n}}</p>
-<div *ngIf="loading">
+<div *ngIf="!hasLoaded && loading">
     <i class="fa fa-spinner fa-spin text-muted" title="{{'loading' | i18n}}"></i>
 </div>
 <div class="mt-4" *ngIf="!loading">
diff --git a/src/app/tools/reused-passwords-report.component.ts b/src/app/tools/reused-passwords-report.component.ts
index 4fd39850720..8733c2872e9 100644
--- a/src/app/tools/reused-passwords-report.component.ts
+++ b/src/app/tools/reused-passwords-report.component.ts
@@ -32,7 +32,7 @@ export class ReusedPasswordsReportComponent implements OnInit {
     constructor(private ciphersService: CipherService, private componentFactoryResolver: ComponentFactoryResolver) { }
 
     async ngOnInit() {
-        this.load();
+        await this.load();
         this.hasLoaded = true;
     }
 
@@ -52,8 +52,9 @@ export class ReusedPasswordsReportComponent implements OnInit {
                 this.passwordUseMap.set(c.login.password, 1);
             }
         });
-        this.ciphers = ciphersWithPasswords.filter((c) =>
+        const reusedPasswordCiphers = ciphersWithPasswords.filter((c) =>
             this.passwordUseMap.has(c.login.password) && this.passwordUseMap.get(c.login.password) > 1);
+        this.ciphers = reusedPasswordCiphers;
         this.loading = false;
     }
 
diff --git a/src/app/tools/unsecured-websites-report.component.html b/src/app/tools/unsecured-websites-report.component.html
index d1e95a0fecc..7c50f256fc8 100644
--- a/src/app/tools/unsecured-websites-report.component.html
+++ b/src/app/tools/unsecured-websites-report.component.html
@@ -1,8 +1,13 @@
 <div class="page-header">
-    <h1>{{'unsecuredWebsitesReport' | i18n}}</h1>
+    <h1>
+        {{'unsecuredWebsitesReport' | i18n}}
+        <small *ngIf="hasLoaded && loading">
+            <i class="fa fa-spinner fa-spin text-muted" title="{{'loading' | i18n}}"></i>
+        </small>
+    </h1>
 </div>
 <p>{{'unsecuredWebsitesReportDesc' | i18n}}</p>
-<div *ngIf="loading">
+<div *ngIf="!hasLoaded && loading">
     <i class="fa fa-spinner fa-spin text-muted" title="{{'loading' | i18n}}"></i>
 </div>
 <div class="mt-4" *ngIf="!loading">
diff --git a/src/app/tools/unsecured-websites-report.component.ts b/src/app/tools/unsecured-websites-report.component.ts
index c337d26046d..e7998ef8dfc 100644
--- a/src/app/tools/unsecured-websites-report.component.ts
+++ b/src/app/tools/unsecured-websites-report.component.ts
@@ -31,19 +31,20 @@ export class UnsecuredWebsitesReportComponent implements OnInit {
     constructor(private ciphersService: CipherService, private componentFactoryResolver: ComponentFactoryResolver) { }
 
     async ngOnInit() {
-        this.load();
+        await this.load();
         this.hasLoaded = true;
     }
 
     async load() {
         this.loading = true;
         const allCiphers = await this.ciphersService.getAllDecrypted();
-        this.ciphers = allCiphers.filter((c) => {
+        const unsecuredCiphers = allCiphers.filter((c) => {
             if (c.type !== CipherType.Login || !c.login.hasUris) {
                 return false;
             }
             return c.login.uris.find((u) => u.uri.indexOf('http://') === 0) != null;
         });
+        this.ciphers = unsecuredCiphers;
         this.loading = false;
     }