diff --git a/com.twin.app.shoptime/src/components/VideoPlayer/MediaPlayer.v2.jsx b/com.twin.app.shoptime/src/components/VideoPlayer/MediaPlayer.v2.jsx
index 19f1fe78..cf755067 100644
--- a/com.twin.app.shoptime/src/components/VideoPlayer/MediaPlayer.v2.jsx
+++ b/com.twin.app.shoptime/src/components/VideoPlayer/MediaPlayer.v2.jsx
@@ -28,6 +28,7 @@ import Spotlight from '@enact/spotlight';
 import { SpotlightContainerDecorator } from '@enact/spotlight/SpotlightContainerDecorator';
 import { Spottable } from '@enact/spotlight/Spottable';
 import Touchable from '@enact/ui/Touchable';
+import { is } from '@enact/core/keymap';
 
 import Loader from '../Loader/Loader';
 import { MediaSlider, Times, secondsToTime } from '../MediaPlayer';
@@ -595,6 +596,24 @@ const MediaPlayerV2 = forwardRef((props, ref) => {
   const shouldDisableControls = disabled || isModal;
   const shouldDisableSpotlight = spotlightDisabled || isModal;
 
+  const handleModalArrowDown = useCallback(
+    (ev) => {
+      if (!isModal) {
+        return;
+      }
+      if (
+        is('down', ev.keyCode) ||
+        is('up', ev.keyCode) ||
+        is('left', ev.keyCode) ||
+        is('right', ev.keyCode)
+      ) {
+        ev.preventDefault();
+        ev.stopPropagation();
+      }
+    },
+    [isModal]
+  );
+
   return (
     <RootContainer
       className={classNames(
@@ -608,6 +627,7 @@ const MediaPlayerV2 = forwardRef((props, ref) => {
       spotlightDisabled={shouldDisableSpotlight}
       spotlightId={spotlightId}
       style={containerStyle}
+      onKeyDownCapture={handleModalArrowDown}
     >
       {/* Video Element */}
       {ActualVideoComponent === Media ? (