diff --git a/dashboard/src/views/BackupSitesView.vue b/dashboard/src/views/BackupSitesView.vue
index b14a8658a..9eb03277e 100644
--- a/dashboard/src/views/BackupSitesView.vue
+++ b/dashboard/src/views/BackupSitesView.vue
@@ -163,9 +163,9 @@ async function refresh() {
   const [error, results] = await backupSitesModels.list();
   if (error) return console.error(error);
 
-  sites.value = [];
-
   const sortedResults = results.sort((a, b) => a.name.localeCompare(b.name));
+
+  const sitesWithDetails = [];
   for (const result of sortedResults) {
     // have to make it a reactive object as we manipulate property objects
     const site = reactive(result);
@@ -190,9 +190,10 @@ async function refresh() {
 
     if (site.task && site.task.active) setTimeout(waitForSiteTask.bind(null, site), 2000);
 
-    sites.value.push(site);
+    sitesWithDetails.push(site);
   }
 
+  sites.value = sitesWithDetails;
   busy.value = false;
 }