diff --git a/Examples/simple-fcm-client/app/App.js b/Examples/simple-fcm-client/app/App.js
index fbcc2e808503e9f9d4b510bb0682670649ddc042..fb235eb8a7f49c4a20e1bec09b20880856085542 100644
--- a/Examples/simple-fcm-client/app/App.js
+++ b/Examples/simple-fcm-client/app/App.js
@@ -11,7 +11,8 @@ import {
   TouchableOpacity,
   View,
   Clipboard,
-  Platform
+  Platform,
+  ScrollView
 } from 'react-native';
 
 import { StackNavigator } from 'react-navigation';
@@ -182,6 +183,7 @@ class MainPage extends Component {
 
     return (
       <View style={styles.container}>
+      <ScrollView style={{paddingHorizontal: 20}}>
         <Text style={styles.welcome}>
           Welcome to Simple Fcm Client!
         </Text>
@@ -214,14 +216,20 @@ class MainPage extends Component {
           <Text style={styles.buttonText}>Schedule Notification in 5s</Text>
         </TouchableOpacity>
 
+        <Text style={styles.instructions}>
+          Init notif:
+        </Text>
         <Text>
-          Init notif: {JSON.stringify(this.state.initNotif)}
+          {JSON.stringify(this.state.initNotif)}
         </Text>
 
-        <Text selectable={true} onPress={() => this.setClipboardContent(this.state.token)} style={styles.instructions}>
-          Token: {this.state.token}
+        <Text style={styles.instructions}>
+          Token:
         </Text>
-
+        <Text selectable={true} onPress={() => this.setClipboardContent(this.state.token)}>
+          {this.state.token}
+        </Text>
+        </ScrollView>
       </View>
     );
   }
@@ -281,8 +289,8 @@ const styles = StyleSheet.create({
   button: {
     backgroundColor: "teal",
     paddingHorizontal: 20,
-    paddingVertical: 10,
-    marginVertical: 15,
+    paddingVertical: 15,
+    marginVertical: 10,
     borderRadius: 10
   },
   buttonText: {