diff --git a/src/screens/Article.js b/src/screens/Article.js
index 55d3a39..dff711b 100644
--- a/src/screens/Article.js
+++ b/src/screens/Article.js
@@ -10,90 +10,114 @@ import {
 import { Constants } from 'expo';
 
 // galio components
-import {
-  Block, Card, Text, Icon, NavBar,
-} from 'galio-framework';
+import { Block, Card, Text, Icon, NavBar } from 'galio-framework';
 import theme from '../theme';
 
 const { width, height } = Dimensions.get('screen');
 
-const bgImage = 'https://images.unsplash.com/photo-1516651029879-bcd191e7d33b?fit=crop&w=900&q=80';
+const bgImage =
+  'https://images.unsplash.com/photo-1516651029879-bcd191e7d33b?fit=crop&w=900&q=80';
 
 const Article = props => (
-  <Block>
-    <StatusBar barStyle="light-content" />
-    <Block style={styles.navbar}>
-      <NavBar transparent leftIconColor={theme.COLORS.WHITE} onLeftPress={() => props.navigation.openDrawer()} />
-    </Block>
+  <ScrollView>
+    <Block flex>
+      <StatusBar barStyle="light-content" />
+      <Block style={styles.navbar}>
+        <NavBar
+          transparent
+          leftIconColor={theme.COLORS.WHITE}
+          onLeftPress={() => props.navigation.openDrawer()}
+        />
+      </Block>
 
-    <Image
-      source={{ uri: bgImage }}
-      resizeMode="cover"
-      style={{
-        width,
-        height: height * 0.55,
-      }}
-    />
+      <Image
+        source={{ uri: bgImage }}
+        resizeMode="cover"
+        style={{
+          width,
+          height: height * 0.55,
+        }}
+      />
 
-    <Block center style={{ marginTop: -theme.SIZES.BASE * 2 }}>
-      <Block flex style={styles.header}>
-        <Block>
-          <Text size={theme.SIZES.BASE * 1.875}>I would happily watch a TV show about crabs</Text>
-          <Text muted t size={theme.SIZES.BASE * 0.875} style={{ marginTop: theme.SIZES.BASE, fontWeight: '500' }}>
-            InterBlocking this super star
-          </Text>
-        </Block>
+      <Block center style={{ marginTop: -theme.SIZES.BASE * 2 }}>
+        <Block flex style={styles.header}>
+          <Block>
+            <Text size={theme.SIZES.BASE * 1.875}>
+              I would happily watch a TV show about crabs
+            </Text>
+            <Text
+              muted
+              t
+              size={theme.SIZES.BASE * 0.875}
+              style={{ marginTop: theme.SIZES.BASE, fontWeight: '500' }}
+            >
+              InterBlocking this super star
+            </Text>
+          </Block>
 
-        <Block center>
-          <Card
-            borderless
-            style={styles.stats}
-            title="Christopher Moon"
-            caption="139 minutes ago"
-            avatar="http://i.pravatar.cc/100?id=article"
-            location={(
-              <Block row right>
-                <Block row middle style={{ marginHorizontal: theme.SIZES.BASE }}>
-                  <Icon name="eye" family="font-awesome" color={theme.COLORS.MUTED} size={theme.SIZES.FONT * 0.875} />
-                  <Text
-                    p
-                    color={theme.COLORS.MUTED}
-                    size={theme.SIZES.FONT * 0.875}
-                    style={{ marginLeft: theme.SIZES.BASE * 0.25 }}
+          <Block center>
+            <Card
+              borderless
+              style={styles.stats}
+              title="Christopher Moon"
+              caption="139 minutes ago"
+              avatar="http://i.pravatar.cc/100?id=article"
+              location={
+                <Block row right>
+                  <Block
+                    row
+                    middle
+                    style={{ marginHorizontal: theme.SIZES.BASE }}
                   >
-                    25.6k
-                  </Text>
+                    <Icon
+                      name="eye"
+                      family="font-awesome"
+                      color={theme.COLORS.MUTED}
+                      size={theme.SIZES.FONT * 0.875}
+                    />
+                    <Text
+                      p
+                      color={theme.COLORS.MUTED}
+                      size={theme.SIZES.FONT * 0.875}
+                      style={{ marginLeft: theme.SIZES.BASE * 0.25 }}
+                    >
+                      25.6k
+                    </Text>
+                  </Block>
+                  <Block row middle>
+                    <Icon
+                      name="heart"
+                      family="font-awesome"
+                      color={theme.COLORS.MUTED}
+                      size={theme.SIZES.FONT * 0.875}
+                    />
+                    <Text
+                      p
+                      color={theme.COLORS.MUTED}
+                      size={theme.SIZES.FONT * 0.875}
+                      style={{ marginLeft: theme.SIZES.BASE * 0.25 }}
+                    >
+                      936
+                    </Text>
+                  </Block>
                 </Block>
-                <Block row middle>
-                  <Icon name="heart" family="font-awesome" color={theme.COLORS.MUTED} size={theme.SIZES.FONT * 0.875} />
-                  <Text
-                    p
-                    color={theme.COLORS.MUTED}
-                    size={theme.SIZES.FONT * 0.875}
-                    style={{ marginLeft: theme.SIZES.BASE * 0.25 }}
-                  >
-                    936
-                  </Text>
-                </Block>
-              </Block>
-            )}
-          />
-        </Block>
+              }
+            />
+          </Block>
 
-        <ScrollView>
           <Text style={styles.text}>
-            You should totally like check this out, ok? Why would you use another UI
-            library when you have so many components written by Creative Tim and the
-            whole React Native community. Galio was created by developers for
-            developers.
+            You should totally like check this out, ok? Why would you use
+            another UI library when you have so many components written by
+            Creative Tim and the whole React Native community. Galio was created
+            by developers for developers.
           </Text>
           <Text style={styles.text}>
             {"A lot of Bacon. I'd really like to eat like a LOT of Bacon :(."}
           </Text>
-        </ScrollView>
+        </Block>
       </Block>
     </Block>
-  </Block>
+  </ScrollView>
 );
 
 const styles = StyleSheet.create({
@@ -134,6 +158,10 @@ const styles = StyleSheet.create({
     fontSize: theme.SIZES.FONT * 0.875,
     lineHeight: theme.SIZES.FONT * 1.25,
   },
+  container: {
+    flex: 1,
+    backgroundColor: 'red',
+  },
 });
 
 export default Article;