diff --git a/dashboard/package-lock.json b/dashboard/package-lock.json
index d18dfcac8..657b80929 100644
--- a/dashboard/package-lock.json
+++ b/dashboard/package-lock.json
@@ -6,7 +6,7 @@
   "packages": {
     "": {
       "dependencies": {
-        "@cloudron/pankow": "^3.5.3",
+        "@cloudron/pankow": "^3.5.4",
         "@fontsource/inter": "^5.2.8",
         "@fortawesome/fontawesome-free": "^7.1.0",
         "@vitejs/plugin-vue": "^6.0.1",
@@ -76,9 +76,9 @@
       }
     },
     "node_modules/@cloudron/pankow": {
-      "version": "3.5.3",
-      "resolved": "https://registry.npmjs.org/@cloudron/pankow/-/pankow-3.5.3.tgz",
-      "integrity": "sha512-7N9zHmCEfU86h2O6v8eNc34qrf0AGehf2b/5XlGJrpVsVw06HE+Ty/S/P22ECW+xqZXKu9pwXoal6S+UeQO6LQ==",
+      "version": "3.5.4",
+      "resolved": "https://registry.npmjs.org/@cloudron/pankow/-/pankow-3.5.4.tgz",
+      "integrity": "sha512-TcyTfO6BkgsWX+FlR6kYr61T9qVjtLgfemAmSuwkeI6U3UeXbEYFqLhbG0Z8kTgYlX1wP03SN0Hl152BQn+cOg==",
       "license": "ISC",
       "dependencies": {
         "@fontsource/inter": "^5.2.8",
@@ -2654,9 +2654,9 @@
       }
     },
     "@cloudron/pankow": {
-      "version": "3.5.3",
-      "resolved": "https://registry.npmjs.org/@cloudron/pankow/-/pankow-3.5.3.tgz",
-      "integrity": "sha512-7N9zHmCEfU86h2O6v8eNc34qrf0AGehf2b/5XlGJrpVsVw06HE+Ty/S/P22ECW+xqZXKu9pwXoal6S+UeQO6LQ==",
+      "version": "3.5.4",
+      "resolved": "https://registry.npmjs.org/@cloudron/pankow/-/pankow-3.5.4.tgz",
+      "integrity": "sha512-TcyTfO6BkgsWX+FlR6kYr61T9qVjtLgfemAmSuwkeI6U3UeXbEYFqLhbG0Z8kTgYlX1wP03SN0Hl152BQn+cOg==",
       "requires": {
         "@fontsource/inter": "^5.2.8",
         "@fortawesome/fontawesome-free": "^7.1.0",
diff --git a/dashboard/package.json b/dashboard/package.json
index e151d28a2..02b155c8b 100644
--- a/dashboard/package.json
+++ b/dashboard/package.json
@@ -7,7 +7,7 @@
   },
   "type": "module",
   "dependencies": {
-    "@cloudron/pankow": "^3.5.3",
+    "@cloudron/pankow": "^3.5.4",
     "@fontsource/inter": "^5.2.8",
     "@fortawesome/fontawesome-free": "^7.1.0",
     "@vitejs/plugin-vue": "^6.0.1",
diff --git a/dashboard/public/translation/en.json b/dashboard/public/translation/en.json
index 6d7215129..4688956f5 100644
--- a/dashboard/public/translation/en.json
+++ b/dashboard/public/translation/en.json
@@ -362,7 +362,9 @@
             "id": "Id",
             "date": "Date",
             "version": "Version",
-            "list": "References backups of {{ appCount }} apps"
+            "list": "References backups of {{ appCount }} apps",
+            "size": "Size",
+            "duration": "Duration"
         },
         "configureBackupSchedule": {
             "title": "Configure Backup Schedule and Retention",
diff --git a/dashboard/src/components/SystemBackupList.vue b/dashboard/src/components/SystemBackupList.vue
index 5fbf80b36..33d7f444b 100644
--- a/dashboard/src/components/SystemBackupList.vue
+++ b/dashboard/src/components/SystemBackupList.vue
@@ -6,7 +6,7 @@ const t = i18n.t;
 
 import { ref, onMounted, useTemplateRef } from 'vue';
 import { Button, ClipboardAction, Menu, FormGroup, TextInput, Checkbox, TableView, Dialog } from '@cloudron/pankow';
-import { prettyLongDate, prettyFileSize } from '@cloudron/pankow/utils';
+import { prettyDuration, prettyLongDate, prettyFileSize } from '@cloudron/pankow/utils';
 import { TASK_TYPES } from '../constants.js';
 import Section from  '../components/Section.vue';
 import BackupsModel from '../models/BackupsModel.js';
@@ -307,15 +307,24 @@ defineExpose({ refresh });
         <div class="info-label">{{ $t('backups.backupDetails.version') }}</div>
         <div class="info-value">{{ infoBackup.packageVersion }}</div>
       </div>
+      <div class="info-row" v-if="infoBackup.stats?.aggregatedUpload">
+        <div class="info-label">{{ $t('backups.backupDetails.size') }}</div>
+        <div class="info-value">{{ prettyFileSize(infoBackup.stats.aggregatedUpload.size) }} | {{ infoBackup.stats.aggregatedUpload.fileCount }} file(s)</div>
+      </div>
+      <div class="info-row" v-if="infoBackup.stats?.aggregatedCopy">
+        <div class="info-label">{{ $t('backups.backupDetails.duration') }}</div>
+        <div class="info-value">{{ prettyDuration(infoBackup.stats.aggregatedUpload.duration + infoBackup.stats.aggregatedCopy.duration) }}</div>
+      </div>
 
       <br/>
 
-      <p class="text-muted">{{ $t('backups.backupDetails.list', { appCount: infoBackup.contents.length }) }}:</p>
+      <div style="margin-bottom: 5px">{{ $t('backups.backupDetails.list', { appCount: infoBackup.contents.length }) }}:</div>
       <div v-for="content in infoBackup.contents" :key="content.id">
         <a v-if="content.id === 'mail'" href="/#/mailboxes">{{ content.label }}</a>
         <a v-else-if="content.fqdn" :href="`/#/app/${content.id}/backups`">{{ content.label || content.fqdn }}</a>
         <a v-else :href="`/#/system-eventlog?search=${content.id}`">{{ content.id }}</a>
-        <span v-if="content.stats?.upload">&nbsp;{{ prettyFileSize(content.stats.upload.size) }} - {{ content.stats.upload.fileCount }} file(s)</span>
+        <!-- {{ prettyDuration(content.stats.upload.duration | content.stats.copy.duration) }} -->
+        <span v-if="content.stats?.upload">&nbsp;{{ prettyFileSize(content.stats.upload.size) }} | {{ content.stats.upload.fileCount }} file(s)</span>
       </div>
     </Dialog>
 
@@ -360,7 +369,7 @@ defineExpose({ refresh });
       </template>
 
       <template #size="backup">
-        <span v-if="backup.stats?.aggregatedUpload">{{ prettyFileSize(backup.stats.aggregatedUpload.size) }} - {{ backup.stats.aggregatedUpload.fileCount }} file(s)</span>
+        <span v-if="backup.stats?.aggregatedUpload">{{ prettyFileSize(backup.stats.aggregatedUpload.size) }} | {{ backup.stats.aggregatedUpload.fileCount }} file(s)</span>
       </template>
 
       <template #site="backup">{{ backup.site.name }}</template>