diff --git a/src/views/backups.html b/src/views/backups.html
index de0587150..5181390af 100644
--- a/src/views/backups.html
+++ b/src/views/backups.html
@@ -15,6 +15,39 @@
   </div>
 </div>
 
+<!-- modal backup config -->
+<div class="modal fade" id="configureScheduleAndRetentionModal" tabindex="-1" role="dialog">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h4 class="modal-title">Configure Backup Schedule and Retention</h4>
+      </div>
+      <div class="modal-body">
+        <form name="configureScheduleAndRetentionForm" role="form" novalidate ng-submit="configureScheduleAndRetention.submit()" autocomplete="off">
+          <fieldset>
+            <p class="has-error text-center" ng-show="configureScheduleAndRetention.error">{{ configureScheduleAndRetention.error.generic }}</p>
+
+            <div class="form-group">
+              <label class="control-label" for="storageInterval">Backup Interval</label>
+              <select class="form-control" id="storageInterval" ng-model="configureScheduleAndRetention.intervalSecs" ng-options="a.value as a.name for a in intervalTimes"></select>
+            </div>
+
+            <div class="form-group">
+              <label class="control-label" for="storageRetention">Retention Policy</label>
+              <select class="form-control" id="storageRetention" ng-model="configureScheduleAndRetention.retentionPolicy" ng-options="a.value as a.name for a in retentionPolicies"></select>
+            </div>
+
+          </fieldset>
+        </form>
+      </div>
+      <div class="modal-footer ">
+        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
+        <button type="submit" class="btn btn-outline btn-success pull-right" ng-click="configureScheduleAndRetention.submit()" ng-disabled="configureScheduleAndRetention.$invalid || configureScheduleAndRetention.busy"><i class="fa fa-circle-notch fa-spin" ng-show="configureScheduleAndRetention.busy"></i><span> Save</span></button>
+      </div>
+    </div>
+  </div>
+</div>
+
 <!-- modal backup config -->
 <div class="modal fade" id="configureBackupModal" tabindex="-1" role="dialog">
   <div class="modal-dialog">
@@ -143,16 +176,6 @@
               <select class="form-control" id="storageFormat" ng-model="configureBackup.format" ng-options="a.value as a.name for a in formats"></select>
             </div>
 
-            <div class="form-group" ng-show="configureBackup.provider !== 'noop'">
-              <label class="control-label" for="storageInterval">Backup Interval</label>
-              <select class="form-control" id="storageInterval" ng-model="configureBackup.intervalSecs" ng-options="a.value as a.name for a in intervalTimes"></select>
-            </div>
-
-            <div class="form-group" ng-show="configureBackup.provider !== 'noop'">
-              <label class="control-label" for="storageRetention">Retention Policy</label>
-              <select class="form-control" id="storageRetention" ng-model="configureBackup.retentionPolicy" ng-options="a.value as a.name for a in retentionPolicies"></select>
-            </div>
-
             <div class="form-group" ng-class="{ 'has-error': configureBackup.error.password }" ng-show="configureBackup.provider !== 'noop'">
               <label class="control-label" for="inputConfigureBackupPassword">Encryption Password (optional) <sup><a ng-href="{{ config.webServerOrigin }}/documentation/backups/#encryption" class="help" target="_blank"><i class="fa fa-question-circle"></i></a></sup></label>
               <p class="small">Save this passphrase in a safe place. Cloudron does not store this password. Backups cannot be decrypted without the passphrase</p>
@@ -182,7 +205,7 @@
   </div>
 
   <div class="card" style="margin-bottom: 15px;">
-    <p>Cloudron makes a complete backup of your system based on this configuration.
+    <p>Cloudron makes a complete backup of your system at the configured location.
       <span ng-show="manualBackupApps.length">
         The following apps have automatic backups disabled:
         <span ng-repeat="app in manualBackupApps">
@@ -238,6 +261,36 @@
     </div>
   </div>
 
+  <div class="text-left">
+    <h3>Schedule and Retention</h3>
+  </div>
+
+  <div class="card" style="margin-bottom: 15px;">
+    <p>Cloudron makes a complete backup of your system based on this scheduled interval and keeps backups with the specified retention policy. </p>
+    <div class="row">
+      <div class="col-xs-6">
+        <span class="text-muted">Interval</span>
+      </div>
+      <div class="col-xs-6 text-right">
+        <span>{{ prettyBackupInterval(backupConfig.intervalSecs) }}</span>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-xs-6">
+        <span class="text-muted">Retention Policy</span>
+      </div>
+      <div class="col-xs-6 text-right">
+        <span>{{ prettyBackupRetentionPolicy(backupConfig.retentionPolicy) }}</span>
+      </div>
+    </div>
+    <br/>
+    <div class="row">
+      <div class="col-md-12 text-right">
+        <button class="btn btn-outline btn-primary pull-right" ng-show="user.role === 'owner'" ng-click="configureScheduleAndRetention.show()">Configure</button>
+      </div>
+    </div>
+  </div>
+
   <div class="text-left">
     <h3>Listing</h3>
   </div>
diff --git a/src/views/backups.js b/src/views/backups.js
index c0fd1f235..661f7cf03 100644
--- a/src/views/backups.js
+++ b/src/views/backups.js
@@ -123,6 +123,16 @@ angular.module('Application').controller('BackupsController', ['$scope', '$locat
         }
     };
 
+    $scope.prettyBackupInterval = function (interval) {
+        var tmp = $scope.intervalTimes.find(function (i) { return i.value === interval; });
+        return tmp ? tmp.name : '';
+    };
+
+    $scope.prettyBackupRetentionPolicy = function (retentionPolicy) {
+        var tmp = $scope.retentionPolicies.find(function (p) { return angular.equals(p.value, retentionPolicy); });
+        return tmp ? tmp.name : '';
+    };
+
     $scope.createBackup = {
         busy: false,
         percent: 0,
@@ -262,6 +272,53 @@ angular.module('Application').controller('BackupsController', ['$scope', '$locat
         download('cloudron_backup.json', JSON.stringify(tmp));
     };
 
+    $scope.configureScheduleAndRetention = {
+        busy: false,
+        error: {},
+
+        retentionPolicy:  $scope.retentionPolicies[0],
+        intervalSecs: 24 * 60 * 60,
+
+        show: function () {
+            $scope.configureScheduleAndRetention.error = {};
+            $scope.configureScheduleAndRetention.busy = false;
+            $scope.configureScheduleAndRetention.retentionPolicy = $scope.retentionPolicies.find(function (x) { return angular.equals(x.value, $scope.backupConfig.retentionPolicy); }).value;
+            $scope.configureScheduleAndRetention.intervalSecs = $scope.backupConfig.intervalSecs;
+
+            $('#configureScheduleAndRetentionModal').modal('show');
+        },
+
+        submit: function () {
+            $scope.configureScheduleAndRetention.error = {};
+            $scope.configureScheduleAndRetention.busy = true;
+
+            // start with the full backupConfig since the api requires all fields
+            var backupConfig = $scope.backupConfig;
+            backupConfig.retentionPolicy = $scope.configureScheduleAndRetention.retentionPolicy;
+            backupConfig.intervalSecs = $scope.configureScheduleAndRetention.intervalSecs;
+
+            Client.setBackupConfig(backupConfig, function (error) {
+                $scope.configureScheduleAndRetention.busy = false;
+
+                if (error) {
+                    if (error.statusCode === 424) {
+                        $scope.configureScheduleAndRetention.error.generic = error.message;
+                    } else if (error.statusCode === 400) {
+                        $scope.configureScheduleAndRetention.error.generic = error.message;
+                    } else {
+                        console.error('Unable to change schedule or retention.', error);
+                    }
+
+                    return;
+                }
+
+                $('#configureScheduleAndRetentionModal').modal('hide');
+
+                getBackupConfig();
+            });
+        }
+    };
+
     $scope.configureBackup = {
         busy: false,
         error: {},
@@ -275,8 +332,6 @@ angular.module('Application').controller('BackupsController', ['$scope', '$locat
         region: '',
         endpoint: '',
         backupFolder: '',
-        retentionPolicy:  $scope.retentionPolicies[0],
-        intervalSecs: 24 * 60 * 60,
         acceptSelfSignedCerts: false,
         useHardlinks: true,
         externalDisk: false,
@@ -319,8 +374,6 @@ angular.module('Application').controller('BackupsController', ['$scope', '$locat
             $scope.configureBackup.endpoint = $scope.backupConfig.endpoint;
             $scope.configureBackup.password = $scope.backupConfig.password;
             $scope.configureBackup.backupFolder = $scope.backupConfig.backupFolder;
-            $scope.configureBackup.retentionPolicy = $scope.retentionPolicies.find(function (x) { return angular.equals(x.value, $scope.backupConfig.retentionPolicy); }).value;
-            $scope.configureBackup.intervalSecs = $scope.backupConfig.intervalSecs;
             $scope.configureBackup.format = $scope.backupConfig.format;
             $scope.configureBackup.acceptSelfSignedCerts = !!$scope.backupConfig.acceptSelfSignedCerts;
             $scope.configureBackup.useHardlinks = !$scope.backupConfig.noHardlinks;
@@ -335,9 +388,10 @@ angular.module('Application').controller('BackupsController', ['$scope', '$locat
 
             var backupConfig = {
                 provider: $scope.configureBackup.provider,
-                retentionPolicy: $scope.configureBackup.retentionPolicy,
-                intervalSecs: $scope.configureBackup.intervalSecs,
-                format: $scope.configureBackup.format
+                format: $scope.configureBackup.format,
+                // required for api call to provide all fields
+                intervalSecs: $scope.backupConfig.intervalSecs,
+                retentionPolicy: $scope.backupConfig.retentionPolicy
             };
             if ($scope.configureBackup.password) backupConfig.password = $scope.configureBackup.password;