From 3deacb4eb4f250e7508b051310a3343994691a63 Mon Sep 17 00:00:00 2001
From: Shawn Borton <shawn@expensify.com>
Date: Thu, 27 Aug 2020 15:49:55 -0600
Subject: [PATCH 1/2] Make comments start at bottom of container

---
 src/page/HomePage/Report/ReportHistoryView.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/page/HomePage/Report/ReportHistoryView.js b/src/page/HomePage/Report/ReportHistoryView.js
index 9006f2b16cbe..178b0eb1ca07 100644
--- a/src/page/HomePage/Report/ReportHistoryView.js
+++ b/src/page/HomePage/Report/ReportHistoryView.js
@@ -142,7 +142,9 @@ class ReportHistoryView extends React.Component {
                 onContentSizeChange={this.scrollToListBottom}
                 bounces={false}
                 contentContainerStyle={{
-                    paddingVertical: 16
+                    flexGrow: 1,
+                    justifyContent: 'flex-end',
+                    paddingVertical: 16,
                 }}
             >
                 {_.chain(this.props.reportHistory).sortBy('sequenceNumber').map((item, index) => (

From 0f81afe96d3d27dc38f4cb72b9cf4d62ce93ce74 Mon Sep 17 00:00:00 2001
From: Shawn Borton <shawn@expensify.com>
Date: Thu, 27 Aug 2020 16:57:17 -0600
Subject: [PATCH 2/2] Move styles to Stylesheet.js

---
 src/page/HomePage/Report/ReportHistoryView.js | 6 +-----
 src/style/StyleSheet.js                       | 6 ++++++
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/page/HomePage/Report/ReportHistoryView.js b/src/page/HomePage/Report/ReportHistoryView.js
index 178b0eb1ca07..b58bec4f1be0 100644
--- a/src/page/HomePage/Report/ReportHistoryView.js
+++ b/src/page/HomePage/Report/ReportHistoryView.js
@@ -141,11 +141,7 @@ class ReportHistoryView extends React.Component {
                 }}
                 onContentSizeChange={this.scrollToListBottom}
                 bounces={false}
-                contentContainerStyle={{
-                    flexGrow: 1,
-                    justifyContent: 'flex-end',
-                    paddingVertical: 16,
-                }}
+                contentContainerStyle={[styles.chatContentScrollView]}
             >
                 {_.chain(this.props.reportHistory).sortBy('sequenceNumber').map((item, index) => (
                     <ReportHistoryItem
diff --git a/src/style/StyleSheet.js b/src/style/StyleSheet.js
index af265eac67a4..dbd187a1e0c5 100644
--- a/src/style/StyleSheet.js
+++ b/src/style/StyleSheet.js
@@ -407,6 +407,12 @@ const styles = {
         justifyContent: 'flex-end',
     },
 
+    chatContentScrollView: {
+        flexGrow: 1,
+        justifyContent: 'flex-end',
+        paddingVertical: 16,
+    },
+
     chatContentEmpty: {
         paddingTop: 16,
         paddingBottom: 16,