diff --git a/src/components/media/MediaCard.tsx b/src/components/media/MediaCard.tsx
index 5c217864..2d38f442 100644
--- a/src/components/media/MediaCard.tsx
+++ b/src/components/media/MediaCard.tsx
@@ -422,7 +422,11 @@ export function MediaCard(props: MediaCardProps) {
   };
 
   const shouldShowHoverInfo =
-    showHoverInfo && !overlayVisible && isBigScreen && enablePopDetails;
+    showHoverInfo &&
+    !overlayVisible &&
+    isBigScreen &&
+    enablePopDetails &&
+    !props.closable;
 
   const isReleased = useCallback(
     () => checkReleased(props.media),