diff --git a/com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.js b/com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.js
index 5456d4bb..02259eb5 100644
--- a/com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.js
+++ b/com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.js
@@ -52,6 +52,7 @@ import { SpotlightIds } from "../../utils/SpotlightIds";
 import ThemeIndicator from "../../views/DetailPanel/components/indicator/ThemeIndicator";
 import ThemeIndicatorArrow from "../../views/DetailPanel/components/indicator/ThemeIndicatorArrow";
 import PlayerOverlayContents from "../../views/PlayerPanel/PlayerOverlay/PlayerOverlayContents";
+import PlayerOverlayQRCode from "../../views/PlayerPanel/PlayerOverlay/PlayerOverlayQRCode";
 import Loader from "../Loader/Loader";
 import {
   MediaControls,
@@ -68,7 +69,6 @@ import Overlay from "./Overlay";
 import TReactPlayer from "./TReactPlayer";
 import Video from "./Video";
 import css from "./VideoPlayer.module.less";
-import PlayerOverlayQRCode from "../../views/PlayerPanel/PlayerOverlay/PlayerOverlayQRCode";
 
 const isEnter = is("enter");
 const isLeft = is("left");
@@ -2279,7 +2279,8 @@ const VideoPlayerBase = class extends React.Component {
       }
     }
 
-    const isQRCodeVisible = playListInfo && qrCurrentItem && !thumbnailUrl;
+    const isQRCodeVisible =
+      playListInfo && qrCurrentItem && !thumbnailUrl && !panelInfo.modal;
 
     const onSpotlightFocus = () => {
       this.showControls();