diff --git a/webadmin/src/views/settings.html b/webadmin/src/views/settings.html
index c3d949aac..d72c0c599 100644
--- a/webadmin/src/views/settings.html
+++ b/webadmin/src/views/settings.html
@@ -151,7 +151,7 @@
 
                         <div class="form-group">
                             <label class="control-label" for="storageProviderProvider">Storage provider <sup><a ng-href="{{ config.webServerOrigin }}/references/selfhosting.html#backups" class="help" target="_blank"><i class="fa fa-question-circle"></i></a></sup></label>
-                            <select class="form-control" id="storageProviderProvider" ng-model="configureBackup.provider" ng-options="a.value as a.name for a in storageProvider"></select>
+                            <select class="form-control" id="storageProviderProvider" ng-model="configureBackup.provider" ng-options="a.value as a.name for a in storageProvider" ng-change=configureBackup.clearForm()></select>
                         </div>
 
                         <!-- Filesystem -->
diff --git a/webadmin/src/views/settings.js b/webadmin/src/views/settings.js
index 3bef28b09..c8352bbf8 100644
--- a/webadmin/src/views/settings.js
+++ b/webadmin/src/views/settings.js
@@ -349,7 +349,17 @@ angular.module('Application').controller('SettingsController', ['$scope', '$loca
         secretAccessKey: '',
         region: '',
         endpoint: '',
-        backupFoler: '',
+        backupFolder: '',
+
+        clearForm: function () {
+            $scope.configureBackup.bucket = '';
+            $scope.configureBackup.prefix = '';
+            $scope.configureBackup.accessKeyId = '';
+            $scope.configureBackup.secretAccessKey = '';
+            $scope.configureBackup.endpoint = '';
+            $scope.configureBackup.region = '';
+            $scope.configureBackup.backupFolder = '';
+        },
 
         show: function () {
             $scope.configureBackup.error = {};