From 1fb5268d79dd52b5dc0386845880d2b51bcc05cb Mon Sep 17 00:00:00 2001
From: Lulox <lulox.eth@protonmail.com>
Date: Sun, 29 Sep 2024 21:11:16 -0300
Subject: [PATCH] Another small fix

---
 packages/nextjs/components/Header.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/nextjs/components/Header.tsx b/packages/nextjs/components/Header.tsx
index 252414b..0c4236c 100644
--- a/packages/nextjs/components/Header.tsx
+++ b/packages/nextjs/components/Header.tsx
@@ -49,7 +49,11 @@ export const Header = () => {
           <Cog6ToothIcon onClick={toggleSettingsMenu} className="cursor-pointer h-6 w-6" />
           {/* <Cog6ToothIcon className="h-6 w-6" /> */}
           {isSettingsMenuOpen && (
-            <div className="absolute left-5 top-10 mt-2 w-48 bg-base-300 shadow-lg rounded-lg">
+            <div
+              ref={menuRef}
+              className="absolute left-12 top-10 mt-2 w-48 bg-base-300 shadow-lg rounded-lg"
+              onClick={e => e.stopPropagation()} // Stop event propagation
+            >
               <div className="flex flex-col justify-center items-center my-2 gap-1">
                 <RainbowKitCustomConnectButton />
                 <SwitchTheme />