diff --git a/src/components/player/base/SubtitleView.tsx b/src/components/player/base/SubtitleView.tsx
index a9ea6978..e0e13928 100644
--- a/src/components/player/base/SubtitleView.tsx
+++ b/src/components/player/base/SubtitleView.tsx
@@ -167,11 +167,12 @@ export function SubtitleView(props: { controlsShown: boolean }) {
   return (
     <Transition animation="slide-up" show>
       <div
-        className="text-white absolute w-full flex flex-col items-center transition-[bottom]"
+        className="pointer-events-none z-50 text-white absolute w-full flex flex-col items-center transition-[bottom]"
         style={{
           bottom: props.controlsShown
             ? "6rem"
             : `${styling.verticalPosition}rem`,
+          transform: "translateZ(0)",
         }}
       >
         <SubtitleRenderer />