From f1a084bc1ece10061c8dbeb6869761a654c37891 Mon Sep 17 00:00:00 2001
From: Lei Nelissen <lei@codified.nl>
Date: Sun, 26 Jul 2020 12:34:00 +0200
Subject: [PATCH] Fix ScrollView padding issues

---
 src/screens/Music/stacks/Album.tsx | 3 ++-
 src/screens/Player/index.tsx       | 7 +++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/screens/Music/stacks/Album.tsx b/src/screens/Music/stacks/Album.tsx
index d4b0ee1..b0ee97c 100644
--- a/src/screens/Music/stacks/Album.tsx
+++ b/src/screens/Music/stacks/Album.tsx
@@ -71,7 +71,8 @@ const Album: React.FC = () => {
 
     return (
         <ScrollView
-            style={{ backgroundColor: '#f6f6f6', padding: 20, paddingBottom: 50 }}
+            style={{ backgroundColor: '#f6f6f6' }}
+            contentContainerStyle={{ padding: 20, paddingBottom: 50 }}
             refreshControl={
                 <RefreshControl refreshing={isLoading} onRefresh={refresh} />
             }
diff --git a/src/screens/Player/index.tsx b/src/screens/Player/index.tsx
index 77d2aa3..04eeac0 100644
--- a/src/screens/Player/index.tsx
+++ b/src/screens/Player/index.tsx
@@ -7,12 +7,15 @@ import Queue from './components/Queue';
 
 const Container = styled.ScrollView`
     background-color: #fff;
-    padding: 25px;
 `;
 
+const containerStyle = {
+    padding: 25,
+};
+
 export default function Player() {
     return (
-        <Container>
+        <Container contentContainerStyle={containerStyle}>
             <NowPlaying />
             <MediaControls />
             <ProgressBar />