diff --git a/client/pages/filespage/sidebar.js b/client/pages/filespage/sidebar.js
index 177434b2..74546450 100644
--- a/client/pages/filespage/sidebar.js
+++ b/client/pages/filespage/sidebar.js
@@ -13,18 +13,14 @@ export function Sidebar({ path }) {
     const [isDisplayed, setIsDisplayed] = useState(document.body.clientWidth > 1250)
 
     const onToggleHandler = () => {
-        settings_put("filespage_show_tree", !isOn);
         setIsOn(!isOn);
+        requestAnimationFrame(() => settings_put("filespage_show_tree", !isOn));
     };
 
     useEffect(() => {
-        const onResizeHandler = () => {
-            setIsDisplayed(document.body.clientWidth > 1250);
-        };
+        const onResizeHandler = () => setIsDisplayed(document.body.clientWidth > 1250);
         window.addEventListener("resize", onResizeHandler);
-        return () => {
-            window.removeEventListener("resize", onResizeHandler);
-        }
+        return () => window.removeEventListener("resize", onResizeHandler);
     }, []);
 
     return isDisplayed && (