diff --git a/src/js/client.js b/src/js/client.js
index e9df940f8..16a16cb90 100644
--- a/src/js/client.js
+++ b/src/js/client.js
@@ -725,6 +725,15 @@ angular.module('Application').service('Client', ['$http', '$interval', '$timeout
         });
     };
 
+    Client.prototype.editAppBackup = function (id, backupId, label, preserveSecs, callback) {
+        post('/api/v1/apps/' + id + '/backups/' + backupId, { label: label, preserveSecs: preserveSecs }, null, function (error, data, status) {
+            if (error) return callback(error);
+            if (status !== 200) return callback(new ClientError(status, data));
+
+            callback(null);
+        });
+    };
+
     Client.prototype.updateApp = function (id, manifest, options, callback) {
         var data =  {
             appStoreId: manifest.id + '@' + manifest.version,
diff --git a/src/views/app.html b/src/views/app.html
index 49f29595a..272376fe4 100644
--- a/src/views/app.html
+++ b/src/views/app.html
@@ -69,6 +69,40 @@
   </div>
 </div>
 
+<!-- Modal edit individual backup (label and retention sec) -->
+<div class="modal fade" id="editBackupModal" tabindex="-1" role="dialog">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h4 class="modal-title">{{ 'backups.backupEdit.title' | tr }}</h4>
+      </div>
+      <div class="modal-body">
+        <form name="editBackupForm" role="form" novalidate ng-submit="editBackup.submit()" autocomplete="off">
+          <p class="has-error text-center" ng-show="editBackup.error">{{ editBackup.error }}</p>
+
+          <div class="form-group">
+            <label class="control-label" for="inputBackupLabel">{{ 'backups.backupEdit.label' | tr }}</label>
+            <input type="text" class="form-control" ng-model="editBackup.label" id="inputBackupLabel" name="label" ng-disabled="editBackup.busy" placeholder="" autofocus>
+          </div>
+
+          <div class="form-group">
+            <label class="control-label" for="inputBackupLabel">{{ 'backups.backupEdit.preserved.label' | tr }}</label>
+            <div class="checkbox">
+              <label>
+                <input type="checkbox" ng-model="editBackup.persist">{{ 'backups.backupEdit.preserved.description' | tr }}</input>
+              </label>
+            </div>
+          </div>
+        </form>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-default" data-dismiss="modal">{{ 'main.dialog.cancel' | tr }}</button>
+        <button type="submit" class="btn btn-outline btn-success pull-right" ng-click="editBackup.submit()" ng-disabled="editBackupForm.$invalid || editBackup.busy"><i class="fa fa-circle-notch fa-spin" ng-show="editBackup.busy"></i><span> {{ 'main.dialog.save' | tr }}</span></button>
+      </div>
+    </div>
+  </div>
+</div>
+
 <!-- Modal uninstall app -->
 <div class="modal fade" id="uninstallModal" tabindex="-1" role="dialog">
   <div class="modal-dialog">
@@ -1289,12 +1323,13 @@
               </thead>
               <tbody>
                 <tr ng-repeat="backup in backups.backups">
-                  <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><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><div uib-tooltip="{{ backup.creationTime | prettyLongDate }}">{{ backup.creationTime | prettyDate }}</div></td>
+                  <td><div uib-tooltip="{{ backup.creationTime | prettyLongDate }}">{{ backup.creationTime | prettyDate }} <b ng-show="backup.label">({{ backup.label }})</b></div></td>
                   <td class="text-right no-wrap" style="vertical-align: bottom">
                     <button class="btn btn-xs btn-default" ng-show="app.accessLevel === 'admin'" ng-click="downloadConfig(backup)" uib-tooltip="{{ 'app.backups.backups.downloadConfigTooltip' | tr }}"><i class="fas fa-file-alt"></i></button>
-
+                    <button class="btn btn-xs btn-default" ng-show="app.accessLevel === 'admin'" ng-click="editBackup.show(backup)" uib-tooltip="{{ 'backups.listing.tooltipEditBackup' | tr }}"><i class="fa fa-pencil-alt"></i></button>
                     <button class="btn btn-xs btn-default" ng-show="app.accessLevel === 'admin'" ng-click="clone.show(backup)" uib-tooltip="{{ 'app.backups.backups.cloneTooltip' | tr }}"><i class="far fa-clone"></i></button>
                     <button class="btn btn-xs btn-danger" ng-click="restore.show(backup)" ng-disabled="app.taskId || app.runState === 'stopped'" uib-tooltip="{{ 'app.backups.backups.restoreTooltip' | tr }}"><i class="fas fa-history"></i></button>
                   </td>
diff --git a/src/views/app.js b/src/views/app.js
index c47be9e89..3b11a94b6 100644
--- a/src/views/app.js
+++ b/src/views/app.js
@@ -1203,6 +1203,14 @@ angular.module('Application').controller('AppController', ['$scope', '$location'
             });
         },
 
+        refresh: function () {
+            Client.getAppBackups($scope.app.id, function (error, backups) {
+                if (error) return Client.error(error);
+
+                $scope.backups.backups = backups;
+            });
+        },
+
         toggleAutomaticBackups: function () {
             $scope.backups.busyAutomaticBackups = true;
             $scope.backups.error = {};
@@ -1424,6 +1432,48 @@ angular.module('Application').controller('AppController', ['$scope', '$location'
         },
     };
 
+    $scope.editBackup = {
+        busy: false,
+        error: null,
+        backup: null,
+
+        label: '',
+        persist: false,
+
+        show: function (backup) {
+            $scope.editBackup.backup = backup;
+            $scope.editBackup.label = backup.label;
+            $scope.editBackup.persist = backup.preserveSecs === -1;
+            $scope.editBackup.error = null;
+            $scope.editBackup.busy = false;
+
+            $('#editBackupModal').modal('show');
+        },
+
+        submit: function () {
+            $scope.editBackup.error = null;
+            $scope.editBackup.busy = true;
+
+            Client.editAppBackup($scope.app.id, $scope.editBackup.backup.id, $scope.editBackup.label, $scope.editBackup.persist ? -1 : 0, function (error) {
+                $scope.editBackup.busy = false;
+                if (error) return $scope.editBackup.error = error.message;
+
+                $scope.backups.refresh();
+
+                $('#editBackupModal').modal('hide');
+            });
+        }
+    };
+
+    $scope.backupDetails = {
+        backup: null,
+
+        show: function (backup) {
+            $scope.backupDetails.backup = backup;
+            $('#backupDetailsModal').modal('show');
+        }
+    };
+
     $scope.uninstall = {
         busy: false,
         error: {},
@@ -2014,7 +2064,7 @@ angular.module('Application').controller('AppController', ['$scope', '$location'
     };
 
     // setup all the dialog focus handling
-    ['appUninstallModal', 'appUpdateModal', 'appRestoreModal', 'appCloneModal'].forEach(function (id) {
+    ['appUninstallModal', 'appUpdateModal', 'appRestoreModal', 'appCloneModal', 'editBackupModal'].forEach(function (id) {
         $('#' + id).on('shown.bs.modal', function () {
             $(this).find('[autofocus]:first').focus();
         });