diff --git a/frontend/projects/ui/src/app/components/backup-drives/backup-drives.component.html b/frontend/projects/ui/src/app/components/backup-drives/backup-drives.component.html
index 2b8f8970f..e134c960e 100644
--- a/frontend/projects/ui/src/app/components/backup-drives/backup-drives.component.html
+++ b/frontend/projects/ui/src/app/components/backup-drives/backup-drives.component.html
@@ -79,8 +79,8 @@
           <h2>
             <ion-text>
               Please
-              <a (click)="(refresh)" href="#" )>refresh</a> if your drive does
-              not appear.
+              <a (click)="refresh()" style="cursor: pointer">refresh</a> if your
+              drive does not appear.
             </ion-text>
           </h2>
           <br />
diff --git a/frontend/projects/ui/src/app/components/backup-drives/backup-drives.component.ts b/frontend/projects/ui/src/app/components/backup-drives/backup-drives.component.ts
index 242e60267..0300272f2 100644
--- a/frontend/projects/ui/src/app/components/backup-drives/backup-drives.component.ts
+++ b/frontend/projects/ui/src/app/components/backup-drives/backup-drives.component.ts
@@ -235,6 +235,10 @@ export class BackupDrivesComponent {
       loader.dismiss()
     }
   }
+
+  refresh() {
+    this.backupService.getBackupTargets()
+  }
 }
 
 @Component({