animations

src/wallet/components/WalletDropdown.tsx

@@ -41,11 +41,10 @@ export function WalletDropdown({ children, className }: WalletDropdownReact) {
       className={cn(
         pressable.default,
         color.foreground,
-        'absolute right-0 z-10 mt-1 flex w-max min-w-[300px] cursor-default flex-col overflow-hidden rounded-xl',
-        'transition-opacity',
+        'absolute right-0 z-10 mt-1.5 flex w-max min-w-[300px] cursor-default flex-col overflow-hidden rounded-xl',
         isClosing
-          ? 'fade-out slide-out-to-top-2.5 animate-out opacity-0 duration-150 ease-in-out'
-          : 'fade-in slide-in-from-top-2.5 animate-in opacity-100 duration-300 ease-out',
+          ? 'fade-out slide-out-to-top-1.5 animate-out fill-mode-forwards ease-in-out'
+          : 'fade-in slide-in-from-top-1.5 animate-in duration-300 ease-out',
         className,
       )}
       onAnimationEnd={() => {