diff --git a/src/renderer/components/item-card/item-card.tsx b/src/renderer/components/item-card/item-card.tsx
index 16c1c969e..b5ec28eae 100644
--- a/src/renderer/components/item-card/item-card.tsx
+++ b/src/renderer/components/item-card/item-card.tsx
@@ -568,15 +568,17 @@ const PosterItemCard = ({
                         className={clsx(styles.image, { [styles.isRound]: isRound })}
                         src={imageUrl}
                     />
-                    {withControls && showControls && data && (
-                        <ItemCardControls
-                            controls={controls}
-                            internalState={internalState}
-                            item={data}
-                            itemType={itemType}
-                            type="poster"
-                        />
-                    )}
+                    <AnimatePresence>
+                        {withControls && showControls && data && (
+                            <ItemCardControls
+                                controls={controls}
+                                internalState={internalState}
+                                item={data}
+                                itemType={itemType}
+                                type="poster"
+                            />
+                        )}
+                    </AnimatePresence>
                 </div>
                 {data && (
                     <div className={styles.detailContainer}>