diff --git a/dashboard/src/components/BackupDialog.vue b/dashboard/src/components/BackupDialog.vue
index 5bde2aaff..f9e6729fd 100644
--- a/dashboard/src/components/BackupDialog.vue
+++ b/dashboard/src/components/BackupDialog.vue
@@ -9,6 +9,8 @@ import BackupsModel from '../models/BackupsModel.js';
 import SystemModel from '../models/SystemModel.js';
 import { mountlike, s3like } from  '../utils.js';
 
+const emit = defineEmits([ 'success' ]);
+
 const backupsModel = BackupsModel.create();
 const systemModel = SystemModel.create();
 
@@ -179,6 +181,7 @@ async function onSubmit() {
     return console.error(error);
   }
 
+  emit('success');
   dialog.value.close();
 }
 
diff --git a/dashboard/src/views/BackupsView.vue b/dashboard/src/views/BackupsView.vue
index b4dced141..2f918e562 100644
--- a/dashboard/src/views/BackupsView.vue
+++ b/dashboard/src/views/BackupsView.vue
@@ -62,7 +62,7 @@ onMounted(async () => {
 </script>
 
 <template>
-  <BackupDialog ref="backupDialog" />
+  <BackupDialog ref="backupDialog" @success="refresh()"/>
 
   <div class="content">
     <Section :title="$t('backups.title')">