diff --git a/js/app/components/mobile/player.tsx b/js/app/components/mobile/player.tsx
index ae52176c..1c141288 100644
--- a/js/app/components/mobile/player.tsx
+++ b/js/app/components/mobile/player.tsx
@@ -481,7 +481,7 @@ export function PlayerInner(
           </PlayerInnerInner>
         )}
       </Reanimated.View>
-      {showFullDesktopMode && (
+      {showFullDesktopMode && props.mode !== "vod" && (
         <BottomMetadata
           setShowChat={props.setShowChat}
           showChat={props.showChat}
diff --git a/js/components/src/components/vod/vod-section.tsx b/js/components/src/components/vod/vod-section.tsx
index f9c5ed85..11d9bc66 100644
--- a/js/components/src/components/vod/vod-section.tsx
+++ b/js/components/src/components/vod/vod-section.tsx
@@ -1,16 +1,16 @@
-import { useWindowDimensions, View } from "react-native";
+import { View } from "react-native";
 import { px, py } from "../../ui";
 import { useVideoStore } from "../../video-store/video-store";
 import { VodMobileMetadata } from "./vod-mobile-metadata";
 
+// VodSection is the VOD metadata block (title, author, likes, view count)
+// rendered beneath the player at every breakpoint. The live-stream metadata
+// bar (BottomMetadata) is suppressed for VOD, so this is the single source
+// of VOD metadata across all widths.
 export function VodSection() {
   const aturi = useVideoStore((x) => x.aturi);
-  const { width } = useWindowDimensions();
-  const isNarrow = width < 768;
 
-  // Wide layouts surface metadata through BottomMetadata, so the mobile
-  // metadata block is all this section renders now.
-  if (!aturi || !isNarrow) {
+  if (!aturi) {
     return null;
   }