diff --git a/containers/libreportal/frontend/css/backup.css b/containers/libreportal/frontend/css/backup.css
index 01d3002..14cce4f 100755
--- a/containers/libreportal/frontend/css/backup.css
+++ b/containers/libreportal/frontend/css/backup.css
@@ -454,9 +454,9 @@
 
 .backup-location-actions {
     display: flex;
-    justify-content: space-between;
+    justify-content: flex-start;
     align-items: center;
-    gap: 10px;
+    gap: 12px;
     margin-top: 16px;
     padding-top: 14px;
     border-top: 1px solid rgba(var(--text-rgb), 0.06);
diff --git a/containers/libreportal/frontend/css/themes.css b/containers/libreportal/frontend/css/themes.css
index 4e5fb2d..d211dd3 100644
--- a/containers/libreportal/frontend/css/themes.css
+++ b/containers/libreportal/frontend/css/themes.css
@@ -266,7 +266,8 @@
 
 [data-theme="nebula"] .uninstall-btn,
 [data-theme="nebula"] .btn-uninstall,
-[data-theme="nebula"] .btn-danger {
+[data-theme="nebula"] .btn-danger,
+[data-theme="nebula"] .backup-danger-btn {
   background: rgba(var(--status-danger-rgb), 0.35) !important;
   color: var(--text-primary) !important;
   border: 1px solid rgba(var(--status-danger-rgb), 0.65) !important;
@@ -277,7 +278,8 @@
 
 [data-theme="nebula"] .uninstall-btn:hover:not(:disabled),
 [data-theme="nebula"] .btn-uninstall:hover:not(:disabled),
-[data-theme="nebula"] .btn-danger:hover:not(:disabled) {
+[data-theme="nebula"] .btn-danger:hover:not(:disabled),
+[data-theme="nebula"] .backup-danger-btn:hover:not(:disabled) {
   background: rgba(var(--status-danger-rgb), 0.50) !important;
   border-color: rgba(var(--status-danger-rgb), 0.85) !important;
   transform: translateY(-1px);
@@ -286,6 +288,7 @@
 [data-theme="nebula"] .manage-btn,
 [data-theme="nebula"] .btn-manage,
 [data-theme="nebula"] .btn-primary,
+[data-theme="nebula"] .backup-primary-btn,
 [data-theme="nebula"] .app-card .manage-btn,
 [data-theme="nebula"] .app-card-actions .manage-btn {
   background: rgba(var(--accent-rgb), 0.35) !important;
@@ -299,6 +302,7 @@
 [data-theme="nebula"] .manage-btn:hover:not(:disabled),
 [data-theme="nebula"] .btn-manage:hover:not(:disabled),
 [data-theme="nebula"] .btn-primary:hover:not(:disabled),
+[data-theme="nebula"] .backup-primary-btn:hover:not(:disabled),
 [data-theme="nebula"] .app-card .manage-btn:hover:not(:disabled),
 [data-theme="nebula"] .app-card-actions .manage-btn:hover:not(:disabled) {
   background: rgba(var(--accent-rgb), 0.50) !important;
diff --git a/containers/libreportal/frontend/js/components/backup/backup-page.js b/containers/libreportal/frontend/js/components/backup/backup-page.js
index 7e89d6b..8a42fdc 100644
--- a/containers/libreportal/frontend/js/components/backup/backup-page.js
+++ b/containers/libreportal/frontend/js/components/backup/backup-page.js
@@ -672,8 +672,8 @@ class BackupPage {
                 </div>
             </div>
             <div class="backup-location-actions">
-                <button class="backup-danger-btn" data-action="delete-location" data-loc="${idx}">Delete location</button>
                 <button class="backup-primary-btn" data-action="save-location" data-loc="${idx}">Save changes</button>
+                <button class="backup-danger-btn" data-action="delete-location" data-loc="${idx}">Delete location</button>
             </div>
         `;
     }