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>