diff --git a/apps/renderer/src/components/ui/media/preview-media.tsx b/apps/renderer/src/components/ui/media/preview-media.tsx
index 25344a534..e99d63d5d 100644
--- a/apps/renderer/src/components/ui/media/preview-media.tsx
+++ b/apps/renderer/src/components/ui/media/preview-media.tsx
@@ -46,9 +46,9 @@ const Wrapper: Component<{
           )}
         >
           {children}
-          <RootPortal>
+          <RootPortal to={entryId ? null : undefined}>
             <div
-              className="pointer-events-auto fixed bottom-4 right-4 z-[99] flex gap-3 text-white/70 [&_button]:hover:text-white"
+              className="pointer-events-auto absolute bottom-4 right-4 z-[99] flex gap-3 text-white/70 [&_button]:hover:text-white"
               onClick={stopPropagation}
             >
               {showActions && (
diff --git a/apps/renderer/src/components/ui/portal/index.tsx b/apps/renderer/src/components/ui/portal/index.tsx
index 016b64c03..2b8c6f487 100644
--- a/apps/renderer/src/components/ui/portal/index.tsx
+++ b/apps/renderer/src/components/ui/portal/index.tsx
@@ -5,10 +5,11 @@ import { useRootPortal } from "./provider"
 
 export const RootPortal: FC<
   {
-    to?: HTMLElement
+    to?: HTMLElement | null
   } & PropsWithChildren
 > = (props) => {
   const to = useRootPortal()
+  if (props.to === null) return props.children
 
   return createPortal(props.children, props.to || to || document.body)
 }