diff --git a/src/interface/components/CloudSettingsSync.svelte b/src/interface/components/CloudSettingsSync.svelte
index cf7d52a1..829cef82 100644
--- a/src/interface/components/CloudSettingsSync.svelte
+++ b/src/interface/components/CloudSettingsSync.svelte
@@ -81,7 +81,7 @@
 </script>
 
 <div
-  class="w-full rounded-xl border border-zinc-200/60 bg-zinc-50/80 px-3 py-2.5 dark:border-zinc-700/50 dark:bg-zinc-900/40"
+  class="w-full rounded-xl border border-zinc-200/60 bg-zinc-50/80 px-4 py-2.5 dark:border-zinc-700/50 dark:bg-zinc-900/40"
 >
   <h3 class="text-xs font-bold text-zinc-800 dark:text-zinc-100">Cloud settings backup</h3>
   <p class="mt-0.5 text-[11px] leading-snug text-zinc-500 dark:text-zinc-400">
diff --git a/src/interface/pages/settings.svelte b/src/interface/pages/settings.svelte
index e637f9e4..777cedbc 100644
--- a/src/interface/pages/settings.svelte
+++ b/src/interface/pages/settings.svelte
@@ -3,7 +3,6 @@
   import Settings from "./settings/general.svelte";
   import Shortcuts from "./settings/shortcuts.svelte";
   import Theme from "./settings/theme.svelte";
-  import CloudSync from "./settings/cloudSync.svelte";
   import browser from "webextension-polyfill";
 
   import { standalone as StandaloneStore } from "../utils/standalone.svelte";
@@ -279,7 +278,7 @@
     </div>
 
     <div
-      class="flex shrink-0 items-center justify-between gap-2 px-3 py-2.5 border-b border-zinc-200/40 dark:border-zinc-700/40"
+      class="flex shrink-0 items-center justify-between gap-2 px-4 py-2.5 border-b border-zinc-200/40 dark:border-zinc-700/40"
     >
       <div class="min-w-0 flex-1">
         <h2 class="text-sm font-bold text-zinc-900 dark:text-white">BetterSEQTA Cloud</h2>
@@ -300,7 +299,6 @@
         },
         { title: "Shortcuts", Content: Shortcuts },
         { title: "Themes", Content: Theme },
-        { title: "Cloud", Content: CloudSync },
       ]}
     />
   </div>
diff --git a/src/interface/pages/settings/cloudSync.svelte b/src/interface/pages/settings/cloudSync.svelte
deleted file mode 100644
index e4df2510..00000000
--- a/src/interface/pages/settings/cloudSync.svelte
+++ /dev/null
@@ -1,5 +0,0 @@
-<script lang="ts">
-  import CloudSettingsSync from "@/interface/components/CloudSettingsSync.svelte";
-</script>
-
-<CloudSettingsSync />
diff --git a/src/interface/pages/settings/general.svelte b/src/interface/pages/settings/general.svelte
index 08f54f28..6092b238 100644
--- a/src/interface/pages/settings/general.svelte
+++ b/src/interface/pages/settings/general.svelte
@@ -11,6 +11,7 @@
   import { settingsState } from "@/seqta/utils/listeners/SettingsState.ts"
   import PickerSwatch from "@/interface/components/PickerSwatch.svelte"
   import ConnectMobileApp from "@/interface/components/ConnectMobileApp.svelte"
+  import CloudSettingsSync from "@/interface/components/CloudSettingsSync.svelte"
   import { showPrivacyNotification } from "@/seqta/utils/Openers/OpenPrivacyNotification"
   import { closeExtensionPopup } from "@/seqta/utils/Closers/closeExtensionPopup"
   import { getSnapshotForUpload } from "@/seqta/utils/cloudSettingsSync"
@@ -399,6 +400,10 @@
     }
   })}
 
+  <div class="border-none py-3">
+    <CloudSettingsSync />
+  </div>
+
   {#if $settingsState.devMode}
     <div class="flex-col p-1 my-1 bg-gradient-to-br from-white rounded-xl border shadow-sm to-zinc-100 border-zinc-200/50 dark:border-zinc-700/40 dark:to-zinc-900/50 dark:from-zinc-900/40">
       <div class="flex justify-between items-center px-4 py-3">