diff --git a/packages/client/src/components/app/SidePanel.svelte b/packages/client/src/components/app/SidePanel.svelte
index 8731c7191e..a44bd65e6b 100644
--- a/packages/client/src/components/app/SidePanel.svelte
+++ b/packages/client/src/components/app/SidePanel.svelte
@@ -47,7 +47,10 @@
     // Apply initial visibility
     update(visible)
 
-    return { update }
+    return {
+      update,
+      destroy: () => update(false),
+    }
   }
 </script>
 
@@ -57,7 +60,7 @@
   class="side-panel"
   class:open
 >
-  {#if $sidePanelStore.open}
+  {#if open}
     <slot />
   {/if}
 </div>