diff --git a/dashboard/src/views/app.html b/dashboard/src/views/app.html
index d60c69425..7362e087d 100644
--- a/dashboard/src/views/app.html
+++ b/dashboard/src/views/app.html
@@ -69,6 +69,46 @@
   </div>
 </div>
 
+<!-- Modal backup details -->
+<div class="modal fade" id="backupDetailsModal" tabindex="-1" role="dialog">
+  <div class="modal-dialog" style="width: 750px">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h4 class="modal-title">{{ 'backups.backupDetails.title' | tr }}</h4>
+      </div>
+      <div class="modal-body">
+        <div class="row">
+          <div class="col-xs-1 text-muted">{{ 'backups.backupDetails.id' | tr }}:</div>
+          <div class="col-xs-11 text-right">{{ backupDetails.backup.id }}</div>
+        </div>
+        <div class="row">
+          <div class="col-xs-2 text-muted">{{ 'backups.backupEdit.label' | tr }}:</div>
+          <div class="col-xs-10 text-right">{{ backupDetails.backup.label }}</div>
+        </div>
+        <div class="row">
+          <div class="col-xs-2 text-muted">{{ 'backups.backupEdit.remotePath' | tr }}:</div>
+          <div class="col-xs-10 text-right">{{ backupDetails.backup.remotePath }}</div>
+        </div>
+        <div class="row">
+          <div class="col-xs-2 text-muted">{{ 'backups.backupDetails.date' | tr }}:</div>
+          <div class="col-xs-10 text-right">{{ backupDetails.backup.creationTime | prettyLongDate }}</div>
+        </div>
+        <div class="row">
+          <div class="col-xs-2 text-muted">{{ 'backups.backupDetails.version' | tr }}:</div>
+          <div class="col-xs-10 text-right">v{{ backupDetails.backup.packageVersion }}</div>
+        </div>
+        <div class="row">
+          <div class="col-xs-2 text-muted">{{ 'backups.backupDetails.format' | tr }}:</div>
+          <div class="col-xs-10 text-right">{{ backupDetails.backup.format }}</div>
+        </div>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-primary" data-dismiss="modal">{{ 'main.dialog.close' | tr }}</button>
+      </div>
+    </div>
+  </div>
+</div>
+
 <!-- Modal edit individual backup (label and retention sec) -->
 <div class="modal fade" id="editBackupModal" tabindex="-1" role="dialog">
   <div class="modal-dialog">
@@ -1465,8 +1505,8 @@
                 <tr ng-repeat="backup in backups.backups">
                   <td><i class="fas fa-archive" ng-show="backup.preserveSecs === -1" uib-tooltip="{{ 'backups.listing.tooltipPreservedBackup' | tr }}"></i></td>
                   <!-- <td><div class="hand clipboard" data-clipboard-text="{{ backup.id }}" uib-tooltip="{{ copyBackupIdDone ? ('main.clipboard.copied' | tr) : ('main.clipboard.clickToCopyBackupId' | tr) }}" tooltip-placement="right"><i class="fa fa-copy"></i></div></td> -->
-                  <td><div>v{{ backup.packageVersion }}</div></td>
-                  <td><span uib-tooltip="{{ backup.creationTime | prettyLongDate }}">{{ backup.creationTime | prettyDate }} <b ng-show="backup.label">({{ backup.label }})</b></span></td>
+                  <td ng-click="backupDetails.show(backup)" class="hand"><div>v{{ backup.packageVersion }}</div></td>
+                  <td ng-click="backupDetails.show(backup)" class="hand"><span uib-tooltip="{{ backup.creationTime | prettyLongDate }}">{{ backup.creationTime | prettyDate }} <b ng-show="backup.label">({{ backup.label }})</b></span></td>
                   <td class="text-center" style="vertical-align: bottom">
                     <div class="dropdown">
                       <button class="btn btn-xs btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
diff --git a/dashboard/src/views/app.js b/dashboard/src/views/app.js
index b022e99ef..2681be37d 100644
--- a/dashboard/src/views/app.js
+++ b/dashboard/src/views/app.js
@@ -1232,6 +1232,15 @@ angular.module('Application').controller('AppController', ['$scope', '$location'
         }
     };
 
+    $scope.backupDetails = {
+        backup: null,
+
+        show: function (backup) {
+            $scope.backupDetails.backup = backup;
+            $('#backupDetailsModal').modal('show');
+        }
+    };
+
     $scope.backups = {
         busy: false,
         busyCreate: false,
diff --git a/src/backups.js b/src/backups.js
index daf0f4c8e..d95b1c977 100644
--- a/src/backups.js
+++ b/src/backups.js
@@ -126,7 +126,7 @@ async function add(data) {
     const creationTime = data.creationTime || new Date(); // allow tests to set the time
     const manifestJson = JSON.stringify(data.manifest);
     const prefixId = data.type === exports.BACKUP_TYPE_APP ? `${data.type}_${data.identifier}` : data.type; // type and identifier are same for other types
-    const id = `${prefixId}_v${data.packageVersion}_${hat(256)}`; // id is used by the UI to derive dependent packages. making this a UUID will require a lot of db querying
+    const id = `${prefixId}_v${data.packageVersion}_${hat(32)}`; // id is used by the UI to derive dependent packages. making this a UUID will require a lot of db querying
 
     const [error] = await safe(database.query('INSERT INTO backups (id, remotePath, identifier, encryptionVersion, packageVersion, type, creationTime, state, dependsOnJson, manifestJson, format, preserveSecs) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)',
         [ id, data.remotePath, data.identifier, data.encryptionVersion, data.packageVersion, data.type, creationTime, data.state, JSON.stringify(data.dependsOn), manifestJson, data.format, data.preserveSecs ]));