diff --git a/src/renderer/components/item-list/item-detail-list/columns/row-play-control-cell.tsx b/src/renderer/components/item-list/item-detail-list/columns/row-play-control-cell.tsx
index 3f87847f1..705030f9e 100644
--- a/src/renderer/components/item-list/item-detail-list/columns/row-play-control-cell.tsx
+++ b/src/renderer/components/item-list/item-detail-list/columns/row-play-control-cell.tsx
@@ -21,7 +21,12 @@ export const ItemDetailRowPlayControlCell = ({
 
     return (
         <div className={styles.cellWrapper}>
-            <HoverCard openDelay={300} position="top" withArrow>
+            <HoverCard
+                offset={{ crossAxis: 32, mainAxis: 16 }}
+                openDelay={300}
+                position="top"
+                withArrow
+            >
                 <HoverCard.Target>
                     <div className={styles.playTarget}>{indexContent}</div>
                 </HoverCard.Target>