diff --git a/web/src/lib/components/shared-components/settings/setting-accordion.svelte b/web/src/lib/components/shared-components/settings/setting-accordion.svelte
index 37bc2be62d432..be450b3b5bfb4 100755
--- a/web/src/lib/components/shared-components/settings/setting-accordion.svelte
+++ b/web/src/lib/components/shared-components/settings/setting-accordion.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
   import { slide } from 'svelte/transition';
   import { getAccordionState } from './setting-accordion-state.svelte';
+  import { onDestroy } from 'svelte';
 
   const accordionState = getAccordionState();
 
@@ -19,6 +20,10 @@
       $accordionState = $accordionState;
     }
   };
+
+  onDestroy(() => {
+    setIsOpen(false);
+  });
 </script>
 
 <div class="border-b-[1px] border-gray-200 py-4 dark:border-gray-700">