From 75b6c1616f9b337e6b3ac3ab5fd95f68fdcb6367 Mon Sep 17 00:00:00 2001
From: Kosuke Tseng <ctseng@expensify.com>
Date: Tue, 12 Jul 2022 13:30:00 -0700
Subject: [PATCH] fix styling

---
 src/components/FormAlertWithSubmitButton.js | 2 +-
 src/components/FormAlertWrapper.js          | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/FormAlertWithSubmitButton.js b/src/components/FormAlertWithSubmitButton.js
index 1e158d63635c..93895ad15b07 100644
--- a/src/components/FormAlertWithSubmitButton.js
+++ b/src/components/FormAlertWithSubmitButton.js
@@ -44,7 +44,7 @@ const defaultProps = {
 
 const FormAlertWithSubmitButton = props => (
     <FormAlertWrapper
-        containerStyles={props.containerStyles}
+        containerStyles={[styles.mh5, styles.mb5, styles.flex1, styles.justifyContentEnd, ...props.containerStyles]}
         isAlertVisible={props.isAlertVisible}
         isMessageHtml={props.isMessageHtml}
         message={props.message}
diff --git a/src/components/FormAlertWrapper.js b/src/components/FormAlertWrapper.js
index 93b196f1bb6b..87b148cd198b 100644
--- a/src/components/FormAlertWrapper.js
+++ b/src/components/FormAlertWrapper.js
@@ -53,7 +53,7 @@ const defaultProps = {
 // This component takes other components as a child prop. It will then render any wrapped components as a function using "render props",
 // and passes it a (bool) isOffline parameter. Child components can then use the isOffline variable to determine offline behavior.
 const FormAlertWrapper = props => (
-    <View style={[styles.mh5, styles.mb5, styles.flex1, styles.justifyContentEnd, ...props.containerStyles]}>
+    <View style={[props.containerStyles]}>
         {props.isAlertVisible && (
             <View style={[styles.flexRow, styles.alignItemsCenter, styles.mb3]}>
                 <Icon src={Expensicons.Exclamation} fill={colors.red} />