diff --git a/resources/views/settings/backups.blade.php b/resources/views/settings/backups.blade.php
index af62e98571..c50e7a51a3 100644
--- a/resources/views/settings/backups.blade.php
+++ b/resources/views/settings/backups.blade.php
@@ -145,8 +145,10 @@
 
         </div>
         <div class="col-md-4 col-xs-4">
-            <button class="btn btn-primary col-md-12 col-xs-12" id="uploadButton" disabled>{{ trans('button.upload') }}</button>
+            <button class="btn btn-primary col-md-12 col-xs-12" id="uploadButton" disabled>{{ trans('button.upload') }} <span id="uploadIcon"></span></button>
         </div>
+
+
         <div class="col-md-12">
           
           <p class="label label-default col-md-12" style="font-size: 120%!important; margin-top: 10px; margin-bottom: 10px;" id="uploadFile-info"></p>
@@ -214,11 +216,19 @@
         $("#uploadFile").on('change',function(event){
 
             if ($('#uploadFile').val().length == 0) {
-              $("#uploadButton").attr("disabled", true);
+                $("#uploadButton").attr("disabled", true);
+                $("#uploadIcon").html('');
             } else {
               $('#uploadButton').removeAttr('disabled');
+
+                $("#uploadButton").click(function(){
+                    $("#uploadIcon").html('<i class="fas fa-spinner spin"></i>');
+                });
             }
-            
+
+
+
+
         });
       });
   </script>