From d11bf629caf9e9eeea2347a17551de08c17248a7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?L=C3=A9o=20Galley?= <contact@kirkas.ch>
Date: Wed, 13 Nov 2024 12:50:37 -0500
Subject: [PATCH] fix zindex overlay (#1250)

---
 .../src/components/ConnectWalletButton/ConnectWalletButton.tsx  | 2 +-
 apps/web/src/components/Layout/UsernameNav/index.tsx            | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/components/ConnectWalletButton/ConnectWalletButton.tsx b/apps/web/src/components/ConnectWalletButton/ConnectWalletButton.tsx
index 56bc3c50f8..5c9996f05a 100644
--- a/apps/web/src/components/ConnectWalletButton/ConnectWalletButton.tsx
+++ b/apps/web/src/components/ConnectWalletButton/ConnectWalletButton.tsx
@@ -148,7 +148,7 @@ export function ConnectWalletButton({
         </div>
       </ConnectWallet>
 
-      <WalletDropdown className="rounded-xl bg-white font-sans shadow-md">
+      <WalletDropdown className="z-50 rounded-xl bg-white font-sans shadow-md">
         <Identity className="px-4 pb-2 pt-3 font-display">
           <UserAvatar />
           <Name
diff --git a/apps/web/src/components/Layout/UsernameNav/index.tsx b/apps/web/src/components/Layout/UsernameNav/index.tsx
index 22cca65afe..7334884acb 100644
--- a/apps/web/src/components/Layout/UsernameNav/index.tsx
+++ b/apps/web/src/components/Layout/UsernameNav/index.tsx
@@ -51,7 +51,7 @@ export default function UsernameNav() {
   );
 
   return (
-    <div className="absolute top-0 z-20 flex w-full flex-col">
+    <div className="absolute top-0 z-50 flex w-full flex-col">
       {showDevelopmentWarning && (
         <div className="flex items-center  justify-center gap-2 bg-orange-10 p-2 text-center text-orange-80">
           <p>