diff --git a/src/routes/Player/Indicator/Indicator.tsx b/src/routes/Player/Indicator/Indicator.tsx
index cc0ef4ccf..f88682e71 100644
--- a/src/routes/Player/Indicator/Indicator.tsx
+++ b/src/routes/Player/Indicator/Indicator.tsx
@@ -22,9 +22,10 @@ type VideoState = Record<string, number>;
 type Props = {
     className: string,
     videoState: VideoState,
+    disabled: boolean,
 };
 
-const Indicator = ({ className, videoState }: Props) => {
+const Indicator = ({ className, videoState, disabled }: Props) => {
     const timeout = useRef<NodeJS.Timeout | null>(null);
     const prevVideoState = useRef<VideoState>(videoState);
 
@@ -60,7 +61,7 @@ const Indicator = ({ className, videoState }: Props) => {
     }, [videoState]);
 
     return (
-        <Transition when={shown} name={'fade'}>
+        <Transition when={shown && !disabled} name={'fade'}>
             <div className={classNames(className, styles['indicator-container'])}>
                 <div className={styles['indicator']}>
                     <div>{label} {value}</div>
diff --git a/src/routes/Player/Player.js b/src/routes/Player/Player.js
index 98a54a2c9..94bafb6f0 100644
--- a/src/routes/Player/Player.js
+++ b/src/routes/Player/Player.js
@@ -820,6 +820,7 @@ const Player = ({ urlParams, queryParams }) => {
             <Indicator
                 className={classnames(styles['layer'], styles['indicator-layer'])}
                 videoState={video.state}
+                disabled={subtitlesMenuOpen}
             />
             {
                 nextVideoPopupOpen ?