playbacks ok web

src/screens/Playback/RecordPlayback.web.js

@@ -26,6 +26,7 @@ import CreateLyricsHeader from "../Writing/components/CreateLyricsHeader";
 
 const TIME_BEFORE_INCREMENT_MS = 20000;
 const LOG_PREFIX = "[RecordPlayback.web]";
+const WEB_PREVIEW_WIDTH = 360;
 
 const toSeconds = (v) => {
   const n = Number(v ?? 0);
@@ -709,7 +710,8 @@ const RecordPlayback = ({ route }) => {
 
       <View
         style={{
-          width: isWeb ? 420 : "100%",
+          width: isWeb ? WEB_PREVIEW_WIDTH : "100%",
+          maxWidth: "100%",
           aspectRatio: 9 / 16,
           overflow: "hidden",
           borderRadius: 12,