diff --git a/App.js b/App.js
index 83ddde09b9411ee0267d1690bb58d4cc4ac1565e..69d51f1f73447c421416653ec1da34557a78d1f7 100644
--- a/App.js
+++ b/App.js
@@ -1,9 +1,10 @@
 import React, { Component } from 'react'
 import {
   View,
-  Button
+  Button,
+  Text
 } from 'react-native'
-import * as styles from './styles'
+import styles from './styles'
 
 export default class home extends Component {
   constructor(props) {
@@ -13,10 +14,21 @@ export default class home extends Component {
   render() {
     return (
       <View style={styles.container}>
+        <Text style={styles.welcome}>Welcome! Today is day 6 of your current cycle</Text>
         <Button
-          onPress={() => {}}
-          title="Home"></Button>
+          onPress={goToSymptomEdit}
+          title="Edit symptoms for today">
+        </Button>
+        <Button
+          onPress={goToCalendar}
+          title="Go to calendar">
+        </Button>
       </View>
     )
   }
 }
+
+function goToSymptomEdit () {
+  
+}
+function goToCalendar () {}
diff --git a/styles.js b/styles.js
index 461ad19a6f78e708916edf56976a936f83c16a44..dd1e124e6ca4a6c23ed95ba8f4550f0195c56d61 100644
--- a/styles.js
+++ b/styles.js
@@ -1,16 +1,13 @@
 import { StyleSheet } from 'react-native'
 
-const ourStyle = StyleSheet.create({
+export default StyleSheet.create({
   container: {
-    flex: 1,
     justifyContent: 'center',
     alignItems: 'center'
   },
   welcome: {
     fontSize: 20,
-    textAlign: 'center',
-    margin: 10,
+    margin: 30,
+    textAlign: 'center'
   }
-})
-
-export { ourStyle }
+})
\ No newline at end of file