diff --git a/src/interface/desktop/config.html b/src/interface/desktop/config.html
index 0629a5f7..3f8e19d9 100644
--- a/src/interface/desktop/config.html
+++ b/src/interface/desktop/config.html
@@ -91,11 +91,10 @@
             </div>
             <div class="section-action-row">
                 <div class="card-description-row">
-                    <button id="sync-data">Sync</button>
+                    <button id="sync-data" class="sync-data">💾 Save</button>
                 </div>
-                <div class="card-description-row sync-force-toggle">
-                    <input id="sync-force" type="checkbox" name="sync-force" value="force">
-                    <label for="sync-force">Force Sync</label>
+                <div class="card-description-row">
+                    <button id="sync-force" class="sync-data">💾 Save All</button>
                 </div>
             </div>
             <div id="loading-bar" style="display: none;"></div>
@@ -336,7 +335,7 @@
             padding: 4px;
             cursor: pointer;
         }
-        #sync-data {
+        button.sync-data {
             background-color: var(--primary);
             border: none;
             color: var(--main-text-color);
@@ -351,7 +350,7 @@
             box-shadow: 0px 5px 0px var(--background-color);
         }
 
-        #sync-data:hover {
+        button.sync-data:hover {
             background-color: var(--primary-hover);
             box-shadow: 0px 3px 0px var(--background-color);
         }
diff --git a/src/interface/desktop/renderer.js b/src/interface/desktop/renderer.js
index 1e1fae32..26765bf0 100644
--- a/src/interface/desktop/renderer.js
+++ b/src/interface/desktop/renderer.js
@@ -196,9 +196,13 @@ khojKeyInput.addEventListener('blur', async () => {
 });
 
 const syncButton = document.getElementById('sync-data');
-const syncForceToggle = document.getElementById('sync-force');
 syncButton.addEventListener('click', async () => {
     loadingBar.style.display = 'block';
-    const regenerate = syncForceToggle.checked;
-    await window.syncDataAPI.syncData(regenerate);
+    await window.syncDataAPI.syncData(false);
+});
+
+const syncForceButton = document.getElementById('sync-force');
+syncForceButton.addEventListener('click', async () => {
+    loadingBar.style.display = 'block';
+    await window.syncDataAPI.syncData(true);
 });