diff --git a/packages/pl-fe/src/components/account-hover-card.tsx b/packages/pl-fe/src/components/account-hover-card.tsx
index be90e0ca3..d635ff50f 100644
--- a/packages/pl-fe/src/components/account-hover-card.tsx
+++ b/packages/pl-fe/src/components/account-hover-card.tsx
@@ -93,6 +93,7 @@ const AccountHoverCard: React.FC<IAccountHoverCard> = ({ visible = true }) => {
     ],
     whileElementsMounted: autoUpdate,
   });
+  console.log(x, y, context, refs);
 
   const { styles } = useTransitionStyles(context, {
     initial: {
@@ -124,8 +125,8 @@ const AccountHoverCard: React.FC<IAccountHoverCard> = ({ visible = true }) => {
     <div
       className={clsx({
         'absolute transition-opacity w-[320px] z-[101] top-0 left-0': true,
-        'opacity-100': visible,
-        'opacity-0 pointer-events-none': !visible,
+        'opacity-100': visible && context.open,
+        'opacity-0 pointer-events-none': !visible || !context.open,
       })}
       ref={refs.setFloating}
       style={{