From b3a8eae754d7dec4a11e274c853948d42b0ab696 Mon Sep 17 00:00:00 2001
From: Shawn Borton <shawn@expensify.com>
Date: Mon, 17 Aug 2020 11:03:38 -0700
Subject: [PATCH] Fix bottom padding on scrollview

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

diff --git a/src/page/HomePage/Report/ReportHistoryView.js b/src/page/HomePage/Report/ReportHistoryView.js
index 6463d78192b9e..7e2e6cbb2b553 100644
--- a/src/page/HomePage/Report/ReportHistoryView.js
+++ b/src/page/HomePage/Report/ReportHistoryView.js
@@ -125,7 +125,9 @@ class ReportHistoryView extends React.Component {
                 }}
                 onContentSizeChange={this.scrollToBottomWhenListSizeChanges}
                 bounces={false}
-                style={[styles.chatContentInner]}
+                contentContainerStyle={{
+                    paddingVertical: 8
+                }}
             >
                 {_.chain(reportHistory).sortBy('sequenceNumber').map((item, index) => (
                     <ReportHistoryItem
diff --git a/src/style/StyleSheet.js b/src/style/StyleSheet.js
index 2594c1d809542..9eeed43405641 100644
--- a/src/style/StyleSheet.js
+++ b/src/style/StyleSheet.js
@@ -361,11 +361,6 @@ const styles = {
         justifyContent: 'flex-end',
     },
 
-    chatContentInner: {
-        paddingTop: 8,
-        paddingBottom: 8,
-    },
-
     chatContentEmpty: {
         paddingTop: 16,
         paddingBottom: 16,