diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index a58e282..967daa4 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -38,14 +38,20 @@
           class={`${theme.value === "light" ? "border-black" : "border-[#00091d]"} w-fit border z-50 flex flex-col items-start gap-2 h-fit p-2 rounded-xl bg-white`}
         >
           <button 
-            onclick={comingSoon}
+            onclick={() => {
+              comingSoon();
+              is_menu_open = false;
+            }}
             class="flex gap-2 text-start w-full h-full rounded-xl pl-2 pr-5 py-2 hover:bg-slate-500/10 transition-all duration-150 items-center"
           >
             <img src="/shooting-star-line.svg" alt="Item 1" class="w-8 h-8" />
             Try a new list
           </button>
           <button 
-            onclick={comingSoon}
+            onclick={() => {
+              comingSoon();
+              is_menu_open = false;
+            }}
             class="flex gap-2 text-start w-full h-full rounded-xl pl-2 pr-5 py-2 hover:bg-slate-500/10 transition-all duration-150 items-center"
           >
             <img src="/sparkles-line.svg" alt="Item 2" class="w-8 h-8" />
diff --git a/src/routes/[id]/+page.svelte b/src/routes/[id]/+page.svelte
index fbf3a95..da1df0f 100644
--- a/src/routes/[id]/+page.svelte
+++ b/src/routes/[id]/+page.svelte
@@ -103,7 +103,10 @@
         <menu class="absolute flex flex-col gap-2 w-fit h-fit top-20 p-2 bg-white border border-black rounded-lg !text-black !text-lg">
           {#each user_lists as user_list : List (user_list.id)}
             <button
-              onclick={() => switchToList(user_list.id)}
+              onclick={() => {
+                switchToList(user_list.id)
+                is_menu_open = false;
+              }}
               class="flex gap-2 justify-between text-start w-full h-full rounded-xl pl-2 pr-5 py-2 hover:bg-slate-500/10 transition-all duration-150 items-center"
             >
               {user_list.title.length > 0 ? user_list.title : "Untitled"}
@@ -113,7 +116,10 @@
             </button>
           {/each}
           <button
-            onclick={createList}
+            onclick={() => {
+              createList();
+              is_menu_open = false;
+            }}
             class="flex gap-2 justify-between text-start w-full h-full rounded-xl pl-2 pr-5 py-2 hover:bg-slate-500/10 transition-all duration-150 items-center"
           >
             Create new list