diff --git a/interface/app/$libraryId/Explorer/useExplorer.ts b/interface/app/$libraryId/Explorer/useExplorer.ts
index 9b9ed20f2..90528251b 100644
--- a/interface/app/$libraryId/Explorer/useExplorer.ts
+++ b/interface/app/$libraryId/Explorer/useExplorer.ts
@@ -91,17 +91,17 @@ export function useExplorerSettings<TOrder extends Ordering>({
 	>;
 	location?: Location | null;
 }) {
-	const [store] = useState(() => proxy(settings));
+	const [store, setStore] = useState(() => proxy(settings));
 
 	useEffect(() => {
 		Object.assign(store, {
 			...settings,
-			layoutMode: store.layoutMode
+			...store
 		});
 	}, [store, settings]);
 
 	useEffect(() => {
-		store.layoutMode = settings.layoutMode;
+		setStore(proxy(settings));
 	}, [location])
 
 	useEffect(