From e1d039f8c9343f8f136e49e5e3335516fa10d273 Mon Sep 17 00:00:00 2001
From: Rajat Parashar <parasharrajat@users.noreply.github.com>
Date: Tue, 23 Nov 2021 15:27:19 +0530
Subject: [PATCH 1/2] fix: confirmlist IOU page style

---
 src/pages/iou/IOUModal.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/pages/iou/IOUModal.js b/src/pages/iou/IOUModal.js
index 700bf4e5aa48..43872a4d1d5c 100755
--- a/src/pages/iou/IOUModal.js
+++ b/src/pages/iou/IOUModal.js
@@ -395,6 +395,7 @@ class IOUModal extends Component {
                                     )}
                                     {currentStep === Steps.IOUConfirm && (
                                         <AnimatedStep
+                                            style={[styles.flex1]}
                                             direction={this.getDirection()}
                                         >
                                             <IOUConfirmPage

From b1aa16aab2b81c9451ffa1fd22d7667c96e79f15 Mon Sep 17 00:00:00 2001
From: Rajat Parashar <parasharrajat@users.noreply.github.com>
Date: Tue, 23 Nov 2021 15:27:32 +0530
Subject: [PATCH 2/2] refactor

---
 src/components/AnimatedStep.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/AnimatedStep.js b/src/components/AnimatedStep.js
index a6d36740efcd..bb173dbe60a6 100644
--- a/src/components/AnimatedStep.js
+++ b/src/components/AnimatedStep.js
@@ -11,7 +11,7 @@ const propTypes = {
     style: PropTypes.arrayOf(PropTypes.object),
 
     /** Whether we're animating the step in or out */
-    direction: PropTypes.string,
+    direction: PropTypes.oneOf(['in', 'out']),
 };
 
 const defaultProps = {
@@ -36,7 +36,7 @@ const AnimatedStep = (props) => {
             duration={CONST.ANIMATED_TRANSITION}
             animation={getAnimationStyle(props.direction)}
             useNativeDriver
-            style={[...props.style]}
+            style={props.style}
         >
             {props.children}
         </Animatable.View>