diff --git a/src/hooks/useSettingsState.ts b/src/hooks/useSettingsState.ts
index 422d9bcf..105e340b 100644
--- a/src/hooks/useSettingsState.ts
+++ b/src/hooks/useSettingsState.ts
@@ -2,7 +2,6 @@ import {
   Dispatch,
   SetStateAction,
   useCallback,
-  useEffect,
   useMemo,
   useState,
 } from "react";
@@ -14,9 +13,6 @@ export function useDerived<T>(
   initial: T,
 ): [T, Dispatch<SetStateAction<T>>, () => void, boolean] {
   const [overwrite, setOverwrite] = useState<T | undefined>(undefined);
-  useEffect(() => {
-    setOverwrite(undefined);
-  }, [initial]);
   const changed = useMemo(
     () =>
       JSON.stringify(overwrite) !== JSON.stringify(initial) &&
diff --git a/src/pages/Settings.tsx b/src/pages/Settings.tsx
index 4da6d20d..1c5409d5 100644
--- a/src/pages/Settings.tsx
+++ b/src/pages/Settings.tsx
@@ -667,6 +667,7 @@ export function SettingsPage() {
         } else {
           setCustomThemeBaseline(useThemeStore.getState().customTheme);
         }
+        state.reset();
       }
     };
     loadSettings();