diff --git a/src/renderer/components/item-list/item-table-list/columns/row-play-control-cell.tsx b/src/renderer/components/item-list/item-table-list/columns/row-play-control-cell.tsx
index 1ec11e132..9313c1e1e 100644
--- a/src/renderer/components/item-list/item-table-list/columns/row-play-control-cell.tsx
+++ b/src/renderer/components/item-list/item-table-list/columns/row-play-control-cell.tsx
@@ -88,7 +88,7 @@ export const RowPlayControlCell = (
             <TableColumnContainer {...props} className={styles.expansionCell}>
                 <div className={styles.expansionInner}>
                     {showPlayControls ? (
-                        <HoverCard openDelay={300} position="top" withArrow>
+                        <HoverCard openDelay={300} position="top" withArrow withinPortal={false}>
                             <HoverCard.Target>{expansionTarget}</HoverCard.Target>
                             <HoverCard.Dropdown onClick={(e) => e.stopPropagation()}>
                                 <ItemRowPlayControls onPlay={onPlay} />
@@ -110,7 +110,7 @@ export const RowPlayControlCell = (
 
     return (
         <TableColumnTextContainer {...props} className={styles.fullSizeContent}>
-            <HoverCard openDelay={300} position="top" withArrow>
+            <HoverCard openDelay={300} position="top" withArrow withinPortal={false}>
                 <HoverCard.Target>
                     <Flex className={styles.indexContent} justify="center" w="100%">
                         {getIndexDisplay(false)}