diff --git a/bun.lock b/bun.lock
index f8a22d0..cb1af31 100644
--- a/bun.lock
+++ b/bun.lock
@@ -19,7 +19,7 @@
         "@neutralinojs/neu": "^11.7.0",
         "eslint": "^9.39.3",
         "eslint-config-prettier": "^10.1.8",
-        "globals": "^17.3.0",
+        "globals": "^17.4.0",
         "htmlhint": "^1.9.1",
         "prettier": "^3.8.1",
         "stylelint": "^16.26.1",
diff --git a/js/ui.js b/js/ui.js
index 504f0e1..6eed183 100644
--- a/js/ui.js
+++ b/js/ui.js
@@ -31,6 +31,7 @@ import {
     homePageSettings,
     fontSettings,
     contentBlockingSettings,
+    settingsUiState,
 } from './storage.js';
 import { db } from './db.js';
 import { getVibrantColorFromImage } from './vibrant-color.js';
@@ -1448,6 +1449,17 @@ export class UIRenderer {
 
         if (pageId === 'settings') {
             this.renderApiSettings();
+            const savedTabName = settingsUiState.getActiveTab();
+            const savedTab = document.querySelector(`.settings-tab[data-tab="${savedTabName}"]`);
+            if (savedTab) {
+                document.querySelectorAll('.settings-tab').forEach((t) => t.classList.remove('active'));
+                document.querySelectorAll('.settings-tab-content').forEach((c) => c.classList.remove('active'));
+                savedTab.classList.add('active');
+                document.getElementById(`settings-tab-${savedTabName}`)?.classList.add('active');
+            }
+        } else {
+            document.querySelectorAll('.settings-tab').forEach((t) => t.classList.remove('active'));
+            document.querySelectorAll('.settings-tab-content').forEach((c) => c.classList.remove('active'));
         }
     }