diff --git a/frontend/index.html b/frontend/index.html
index bdffb1a..3943d3b 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -645,6 +645,16 @@ async function handleAction(action, name, btnElement) {
         setStatus(`Backing up ${name}...`);
         await api.backup(name);
         setStatus(`Backup created for ${name}.`);
+        await loadBackups(name);
+        break;
+      case "refresh-backups":
+        await loadBackups(name);
+        break;
+      case "render-route":
+        setStatus(`Rendering route for ${name}...`);
+        await api.renderRoute(name);
+        setStatus(`Route rendered for ${name}.`);
+        break;
       case "fetch-routing":
         setStatus(`Fetching routing details for ${name}...`);
         const appRes = await api.getApp(name);
@@ -673,16 +683,6 @@ async function handleAction(action, name, btnElement) {
       btnElement.innerHTML = originalHtml;
       btnElement.style.width = '';
     }
-        await loadBackups(name);
-        break;
-      case "render-route":
-        setStatus(`Rendering route for ${name}...`);
-        await api.renderRoute(name);
-        setStatus(`Route rendered for ${name}.`);
-        break;
-    }
-  } catch (err) {
-    setStatus(`${action} failed for ${name}: ${err.message}`, true);
   }
 }