diff --git a/components/ui/dropdown-menu.tsx b/components/ui/dropdown-menu.tsx
index cdde606..b207458 100644
--- a/components/ui/dropdown-menu.tsx
+++ b/components/ui/dropdown-menu.tsx
@@ -34,6 +34,12 @@ function DropdownMenuContent({
     <MenuPrimitive.Portal>
       <MenuPrimitive.Positioner
         className="isolate z-50 outline-none"
+        // Base UI positions with `absolute` by default, which resolves against
+        // the nearest transformed/filtered ancestor. Any such ancestor between
+        // the portal root and the popup drops the menu into the page's top-left
+        // corner instead of under its trigger. `fixed` is measured against the
+        // viewport, so the anchoring holds whatever the page is doing.
+        positionMethod="fixed"
         align={align}
         alignOffset={alignOffset}
         side={side}
diff --git a/components/wallet-connect-button.tsx b/components/wallet-connect-button.tsx
index b3410e1..0381c5a 100644
--- a/components/wallet-connect-button.tsx
+++ b/components/wallet-connect-button.tsx
@@ -108,11 +108,11 @@ export function WalletConnectButton() {
         </DropdownMenuTrigger>
         <DropdownMenuContent
           align="end"
-          className="glass-panel border-border/60"
+          className="border border-foreground/15 bg-popover shadow-xl shadow-black/60 ring-0 backdrop-blur-none"
         >
           <DropdownMenuItem
             onClick={handleDisconnect}
-            className="gap-2 text-destructive"
+            className="gap-2 px-2.5 py-2 text-destructive"
           >
             <LogOut className="h-4 w-4" /> Disconnect
           </DropdownMenuItem>
@@ -131,22 +131,30 @@ export function WalletConnectButton() {
       </DropdownMenuTrigger>
       <DropdownMenuContent
         align="end"
-        className="w-64 glass-panel border-border/60"
+        className="w-64 border border-foreground/15 bg-popover shadow-xl shadow-black/60 ring-0 backdrop-blur-none"
       >
-        <DropdownMenuItem onClick={handleMetaMask}>
+        <div className="px-2.5 py-1.5 text-xs font-medium text-muted-foreground">
+          Connect a wallet
+        </div>
+        <DropdownMenuItem className="px-2.5 py-2" onClick={handleMetaMask}>
           MetaMask Wallet
         </DropdownMenuItem>
-        <DropdownMenuItem onClick={handlePartisia}>
+        <DropdownMenuItem className="px-2.5 py-2" onClick={handlePartisia}>
           Partisia Wallet
         </DropdownMenuItem>
-        <DropdownMenuItem onClick={handleLedger}>Ledger</DropdownMenuItem>
+        <DropdownMenuItem className="px-2.5 py-2" onClick={handleLedger}>
+          Ledger
+        </DropdownMenuItem>
         {mounted && config.isTestnet && (
           <>
             <DropdownMenuSeparator />
             <div className="p-2 flex flex-col gap-2">
+              <span className="px-0.5 text-xs font-medium text-muted-foreground">
+                Testnet dev key
+              </span>
               <Input
                 data-testid="dev-key-input"
-                className="dev-key-input text-xs"
+                className="dev-key-input border-border bg-background text-xs placeholder:text-muted-foreground"
                 placeholder="64-char hex private key"
                 value={devKey}
                 onChange={(e) => setDevKey(e.target.value)}