diff --git a/src/lib/components/layout/Sidebar.svelte b/src/lib/components/layout/Sidebar.svelte
index 75fb939e59..051fb88c09 100644
--- a/src/lib/components/layout/Sidebar.svelte
+++ b/src/lib/components/layout/Sidebar.svelte
@@ -579,8 +579,8 @@
 				{:else}
 					<button
 						class=" flex rounded-md py-3 px-3.5 w-full hover:bg-gray-900 transition"
-						on:click={() => {
-							openSettings();
+						on:click={async () => {
+							await showSettings.set(true);
 						}}
 					>
 						<div class=" self-center mr-3">