From 52ed123564c0f58cff95855133951830accf060a Mon Sep 17 00:00:00 2001
From: Maciej Dobosz <maciej.dobosz@swmansion.com>
Date: Thu, 7 Mar 2024 15:26:15 +0100
Subject: [PATCH] Apply correct video height - works on small web as well

---
 src/components/OnboardingWelcomeVideo.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/OnboardingWelcomeVideo.tsx b/src/components/OnboardingWelcomeVideo.tsx
index 17950b99b2ff..efccc799f425 100644
--- a/src/components/OnboardingWelcomeVideo.tsx
+++ b/src/components/OnboardingWelcomeVideo.tsx
@@ -97,8 +97,9 @@ function OnboardingWelcomeVideo() {
             return (
                 <View
                     style={[
-                        // Prevent layout jumps by reserving height for the video
-                        {height: VIDEO_HEIGHT - 2 * MODAL_PADDING},
+                        // Prevent layout jumps by reserving height
+                        // for the video until it loads.
+                        {height: videoWidth / videoAspectRatio},
                     ]}
                 >
                     <VideoPlayer
@@ -130,7 +131,7 @@ function OnboardingWelcomeVideo() {
             isVisible={isModalVisible}
             type={shouldUseNarrowLayout ? CONST.MODAL.MODAL_TYPE.CENTERED_SMALL : CONST.MODAL.MODAL_TYPE.BOTTOM_DOCKED}
             onClose={closeModal}
-            innerContainerStyle={shouldUseNarrowLayout ? {} : {paddingTop: MODAL_PADDING, paddingBottom: MODAL_PADDING}}
+            innerContainerStyle={shouldUseNarrowLayout ? undefined : {paddingTop: MODAL_PADDING, paddingBottom: MODAL_PADDING}}
         >
             <View
                 style={[styles.mh100, shouldUseNarrowLayout && styles.welcomeVideoNarrowLayout]}