diff --git a/frontend/src/components/GitHubBackupSettings.tsx b/frontend/src/components/GitHubBackupSettings.tsx
index 365516bbc..0f48d76dd 100644
--- a/frontend/src/components/GitHubBackupSettings.tsx
+++ b/frontend/src/components/GitHubBackupSettings.tsx
@@ -1071,6 +1071,7 @@ export function GitHubBackupSettings() {
                 onChange={async (checked) => {
                   try {
                     await api.updateSettings({ local_backup_enabled: checked });
+                    queryClient.invalidateQueries({ queryKey: ['settings'] });
                     showToast(t('backup.settingsSaved'));
                   } catch (e) {
                     showToast(t('backup.failedToSave', { message: e instanceof Error ? e.message : 'Unknown error' }), 'error');
diff --git a/frontend/src/pages/SettingsPage.tsx b/frontend/src/pages/SettingsPage.tsx
index 9bbb990b4..68e3ba101 100644
--- a/frontend/src/pages/SettingsPage.tsx
+++ b/frontend/src/pages/SettingsPage.tsx
@@ -1461,7 +1461,7 @@ export function SettingsPage() {
         >
           <Database className="w-4 h-4" />
           {t('settings.tabs.backup')}
-          <span className={`w-2 h-2 rounded-full ${cloudAuthStatus?.is_authenticated && githubBackupStatus?.configured && githubBackupStatus?.enabled ? 'bg-green-400' : 'bg-gray-500'}`} />
+          <span className={`w-2 h-2 rounded-full ${(cloudAuthStatus?.is_authenticated && githubBackupStatus?.configured && githubBackupStatus?.enabled) || settings?.local_backup_enabled ? 'bg-green-400' : 'bg-gray-500'}`} />
         </button>
       </nav>
       <div className="flex-1 min-w-0">