diff --git a/platform/mv3/extension/css/dashboard.css b/platform/mv3/extension/css/dashboard.css
index dc3a69e44..45a4d98dc 100644
--- a/platform/mv3/extension/css/dashboard.css
+++ b/platform/mv3/extension/css/dashboard.css
@@ -61,11 +61,12 @@ body [data-pane-related] {
     padding: 0 var(--default-gap-xxsmall);
     }
 
-body[data-pane="settings"] > section[data-pane="settings"],
-body[data-pane="rulesets"] > section[data-pane="rulesets"],
-body[data-pane="filters"] > section[data-pane="filters"],
-body[data-pane="develop"] > section[data-pane="develop"],
-body[data-pane="about"] > section[data-pane="about"] {
+body[data-pane="settings"]:not(.busy) > section[data-pane="settings"],
+body[data-pane="rulesets"]:not(.busy) > section[data-pane="rulesets"],
+body[data-pane="filters"]:not(.busy) > section[data-pane="filters"],
+body[data-pane="develop"]:not(.busy) > section[data-pane="develop"],
+body[data-pane="about"]:not(.busy) > section[data-pane="about"],
+body.busy[data-pane] > section[data-pane="busy"] {
     display: block;
     }
 
diff --git a/platform/mv3/extension/css/settings.css b/platform/mv3/extension/css/settings.css
index d0efeb1b6..b1cb4b067 100644
--- a/platform/mv3/extension/css/settings.css
+++ b/platform/mv3/extension/css/settings.css
@@ -347,3 +347,15 @@ section[data-pane="filters"] aside p {
         justify-content: flex-start;
     }
 }
+
+body.busy section[data-pane="busy"]  > div {
+    justify-content: center;
+    display: flex;
+    align-items: stretch;
+}
+body.busy section[data-pane="busy"] .fa-icon {
+    animation: spin 1s steps(8) infinite;
+    fill: var(--surface-3);
+    font-size: 4em;
+    margin: 2em;
+}
\ No newline at end of file
diff --git a/platform/mv3/extension/dashboard.html b/platform/mv3/extension/dashboard.html
index 7bbcec103..4f9696693 100644
--- a/platform/mv3/extension/dashboard.html
+++ b/platform/mv3/extension/dashboard.html
@@ -173,6 +173,12 @@
         </div>
     </section>
     <!-- -------- -->
+    <section data-pane="busy">
+        <div>
+            <span class="fa-icon">spinner</span>
+        </div>
+    </section>
+    <!-- -------- -->
     <template id="listEntryLeaf">
         <div class="listEntry" data-role="leaf">
             <span class="detailbar">
diff --git a/platform/mv3/extension/js/settings.js b/platform/mv3/extension/js/settings.js
index 18dcc9ca4..51d9de498 100644
--- a/platform/mv3/extension/js/settings.js
+++ b/platform/mv3/extension/js/settings.js
@@ -145,39 +145,49 @@ async function backupSettings() {
 }
 
 async function restoreSettings() {
-    const input = qs$('section[data-pane="settings"] input[type="file"]');
-    input.onchange = ev => {
-        input.onchange = null;
-        const file = ev.target.files[0];
-        if ( file === undefined || file.name === '' ) { return; }
-        const fr = new FileReader();
-        fr.onload = ( ) => {
-            fr.onload = null;
-            if ( typeof fr.result !== 'string' ) { return; }
-            let data;
-            try {
-                data = JSON.parse(fr.result);
-            } catch {
-            }
-            if ( data instanceof Object === false ) { return; }
-            import('./backup-restore.js').then(api => {
-                api.restoreFromObject(data);
-            });
+    const promise = new Promise(resolve => {
+        const input = qs$('section[data-pane="settings"] input[type="file"]');
+        input.onchange = ev => {
+            dom.cl.add(dom.body, 'busy');
+            input.onchange = null;
+            const file = ev.target.files[0];
+            if ( file === undefined || file.name === '' ) { return resolve(); }
+            const fr = new FileReader();
+            fr.onload = ( ) => {
+                fr.onload = null;
+                if ( typeof fr.result !== 'string' ) { return resolve(); }
+                let data;
+                try {
+                    data = JSON.parse(fr.result);
+                } catch {
+                }
+                if ( data instanceof Object === false ) { return resolve(); }
+                import('./backup-restore.js').then(api => {
+                    resolve(api.restoreFromObject(data));
+                });
+            };
+            fr.readAsText(file);
         };
-        fr.readAsText(file);
-    };
-    // Reset to empty string, this will ensure a change event is properly
-    // triggered if the user pick a file, even if it's the same as the last
-    // one picked.
-    input.value = '';
-    input.click();
+        input.oncancel = ( ) => {
+            resolve();
+        };
+        // Reset to empty string, this will ensure a change event is properly
+        // triggered if the user pick a file, even if it's the same as the last
+        // one picked.
+        input.value = '';
+        input.click();
+    });
+    await promise;
+    dom.cl.remove(dom.body, 'busy');
 }
 
 async function resetSettings() {
     const response = self.confirm(i18n.getMessage('resetToDefaultConfirm'));
     if ( response !== true ) { return; }
+    dom.cl.add(dom.body, 'busy');
     const api = await import('./backup-restore.js');
     await api.restoreFromObject({});
+    dom.cl.remove(dom.body, 'busy');
 }
 
 /******************************************************************************/