diff --git a/containers/libreportal/frontend/html/app-content.html b/containers/libreportal/frontend/html/app-content.html
index 88335b0..991c74f 100755
--- a/containers/libreportal/frontend/html/app-content.html
+++ b/containers/libreportal/frontend/html/app-content.html
@@ -85,8 +85,22 @@
                   <p>Backups for <span id="backup-app-name">this app</span> across all configured locations.</p>
                 </div>
                 <div class="backup-title-actions">
-                  <button type="button" class="backup-primary-btn" id="backup-app-card-backup-btn">Backup now</button>
-                  <a class="backup-secondary-btn" href="/backup">Open backup center →</a>
+                  <button type="button" class="btn btn-primary" id="backup-app-card-backup-btn">
+                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
+                      <polyline points="17 8 12 3 7 8"></polyline>
+                      <line x1="12" y1="3" x2="12" y2="15"></line>
+                    </svg>
+                    Backup now
+                  </button>
+                  <a class="btn btn-secondary" href="/backup" onclick="event.preventDefault(); if(window.navigateToRoute){window.navigateToRoute('/backup');}else{window.location.href='/backup';}">
+                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                      <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path>
+                      <polyline points="15 3 21 3 21 9"></polyline>
+                      <line x1="10" y1="14" x2="21" y2="3"></line>
+                    </svg>
+                    Open backup center
+                  </a>
                 </div>
               </div>
               <div class="backup-snapshots-container">
diff --git a/containers/libreportal/frontend/html/apps-unified-layout.html b/containers/libreportal/frontend/html/apps-unified-layout.html
index 5f3ef5d..e1812df 100755
--- a/containers/libreportal/frontend/html/apps-unified-layout.html
+++ b/containers/libreportal/frontend/html/apps-unified-layout.html
@@ -185,8 +185,22 @@
                   <p>Backups for <span id="backup-app-name">this app</span> across all configured locations.</p>
                 </div>
                 <div class="backup-title-actions">
-                  <button type="button" class="backup-primary-btn" id="backup-app-card-backup-btn">Backup now</button>
-                  <a class="backup-secondary-btn" href="/backup">Open backup center →</a>
+                  <button type="button" class="btn btn-primary" id="backup-app-card-backup-btn">
+                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
+                      <polyline points="17 8 12 3 7 8"></polyline>
+                      <line x1="12" y1="3" x2="12" y2="15"></line>
+                    </svg>
+                    Backup now
+                  </button>
+                  <a class="btn btn-secondary" href="/backup" onclick="event.preventDefault(); if(window.navigateToRoute){window.navigateToRoute('/backup');}else{window.location.href='/backup';}">
+                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                      <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path>
+                      <polyline points="15 3 21 3 21 9"></polyline>
+                      <line x1="10" y1="14" x2="21" y2="3"></line>
+                    </svg>
+                    Open backup center
+                  </a>
                 </div>
               </div>
               <div class="backup-snapshots-container">