diff --git a/assets/react/controllers/ActorPopover.jsx b/assets/react/controllers/ActorPopover.jsx
index 57dcc0c..5f276b3 100644
--- a/assets/react/controllers/ActorPopover.jsx
+++ b/assets/react/controllers/ActorPopover.jsx
@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { useFloating, useClick, useDismiss, useInteractions, offset, shift, size } from '@floating-ui/react';
+import { useFloating, useClick, useDismiss, useInteractions, offset, shift, size, FloatingPortal } from '@floating-ui/react';
 
 const HINT_ICONS = {
     film: 'fa-solid fa-film',
@@ -46,14 +46,16 @@ export default function ActorPopover({ hintType, hintText }) {
                 <i className={iconClass}></i>
             </button>
             {isOpen && (
-                <div
-                    ref={refs.setFloating}
-                    style={floatingStyles}
-                    {...getFloatingProps()}
-                    className="actor-popover"
-                >
-                    {hintText}
-                </div>
+                <FloatingPortal>
+                    <div
+                        ref={refs.setFloating}
+                        style={floatingStyles}
+                        {...getFloatingProps()}
+                        className="actor-popover"
+                    >
+                        {hintText}
+                    </div>
+                </FloatingPortal>
             )}
         </>
     );