Improve the UI of the error screen

app/components/ErrorScreen.js

@@ -4,14 +4,14 @@ import PropTypes from 'prop-types';
 
 import styles from './style/errorScreen';
 
-const smiley = require('../img/smiley.png');
+const cloud = require('../img/sad_cloud.png');
 
 const ErrorScreen = props => (
   <View
     style={styles.content}
   >
     <Image
-      source={smiley}
+      source={cloud}
       style={styles.image}
     />
     <Text style={styles.text}>{props.message}</Text>

app/components/style/errorScreen.js

@@ -10,7 +10,8 @@ const styles = create({
   image: {
     width: 200,
     height: 200,
-    marginBottom: 30,
+    marginBottom: 32,
+    resizeMode: 'contain',
   },
   text: {
     android: {
@@ -20,8 +21,8 @@ const styles = create({
       fontFamily: 'System',
       fontWeight: '500',
     },
-    fontSize: 18,
-    color: colors.textColour,
+    fontSize: 16,
+    color: colors.gray,
     textAlign: 'center',
   },
 });