diff --git a/dashboard/src/components/SystemBackupList.vue b/dashboard/src/components/SystemBackupList.vue
index 89845fc22..e21a98ecc 100644
--- a/dashboard/src/components/SystemBackupList.vue
+++ b/dashboard/src/components/SystemBackupList.vue
@@ -245,6 +245,11 @@ async function onEditSubmit() {
   editDialog.value.close();
 }
 
+async function refresh() {
+  await refreshBackups();
+  await refreshTasks();
+}
+
 onMounted(async () => {
   const [error, result] = await backupSitesModel.list();
   if (error) return console.error(error);
@@ -258,6 +263,8 @@ onMounted(async () => {
   await refreshTasks();
 });
 
+defineExpose({ refresh });
+
 </script>
 
 <template>
diff --git a/dashboard/src/views/BackupSitesView.vue b/dashboard/src/views/BackupSitesView.vue
index 26fde79d2..9aa18078d 100644
--- a/dashboard/src/views/BackupSitesView.vue
+++ b/dashboard/src/views/BackupSitesView.vue
@@ -24,6 +24,7 @@ const tasksModel = TasksModel.create();
 const backupSitesModels = BackupSitesModel.create();
 
 const inputDialog = useTemplateRef('inputDialog');
+const systemBackupList = useTemplateRef('systemBackupList');
 
 const profile = ref({});
 const sites = ref([]);
@@ -124,6 +125,8 @@ async function onStartBackup(site) {
   site.task = task;
 
   setTimeout(waitForSiteTask.bind(null,site), 2000);
+
+  systemBackupList.value.refresh();
 }
 
 async function onStartCleanup(site) {
@@ -136,6 +139,8 @@ async function onStartCleanup(site) {
   site.task = task;
 
   setTimeout(waitForSiteTask.bind(null,site), 2000);
+
+  systemBackupList.value.refresh();
 }
 
 const actionMenuModel = ref([]);
@@ -310,7 +315,7 @@ onMounted(async () => {
       </div>
     </Section>
 
-    <SystemBackupList/>
+    <SystemBackupList ref="systemBackupList"/>
   </div>
 </template>