diff --git a/app/AddFence.js b/app/AddFence.js
index 625008a..043d209 100644
--- a/app/AddFence.js
+++ b/app/AddFence.js
@@ -2,6 +2,7 @@ import React, { Component } from 'react';
 import { View, Text, StyleSheet, Button, Picker, ListView } from 'react-native';
 import {GooglePlacesAutocomplete} from 'react-native-google-places-autocomplete';
 import AuthAxios from './AuthAxios.js';
+import styles from './styles.js';
 
 const Item = Picker.Item
 export default class AddFence extends Component {
@@ -69,12 +70,12 @@ export default class AddFence extends Component {
 
   renderFence(fence) {
     return (
-      <View>
-        <Text>
+      <View style={styles.container}>
+        <Text style={styles.settingText}>
           {fence.label}
         </Text>
-        <Text>
-          {fence.address}{'\n'}{'\n'}
+        <Text style={styles.fenceAddress}>
+          {fence.address}
         </Text>
       </View>
     )
@@ -82,13 +83,11 @@ export default class AddFence extends Component {
 
   render() {
     return (
-      <View>
-        <View>
-          <ListView
-            dataSource={this.state.fences}
-            renderRow={this.renderFence}
-          />
-        </View>
+      <View style={styles.container}>
+        <Button
+            title='Set this fence'
+            onPress={() => this.makeFence(this.state.coordinates)}
+        />
         <Picker 
           selectedValue={this.state.label}
           onValueChange={this.onValueChange.bind(this)}>
@@ -153,10 +152,13 @@ export default class AddFence extends Component {
             debounce={200}
         />
         </View>
-          <Button
-              title='Set this fence'
-              onPress={() => this.makeFence(this.state.coordinates)}
+        <View>
+          <ListView
+            dataSource={this.state.fences}
+            renderRow={this.renderFence}
+            style={styles.listView}
           />
+        </View>
       </View>
     );
   }
diff --git a/app/CreateGroup.js b/app/CreateGroup.js
index 9ac15d3..9d868b6 100644
--- a/app/CreateGroup.js
+++ b/app/CreateGroup.js
@@ -77,37 +77,40 @@ export default class CreateGroup extends Component {
     const params = this.props.navigation.state.params;
     return (
       <View style={styles.container}>
-        <Text style={styles.createGroupText}>Create Group:</Text>
-        <TextInput
-          style={{fontSize: 18, textAlign: 'left'}}
-          onChangeText={(text) => this.setState( {groupName: text} )}
-          placeholder='Insert Group Name'
-          value={this.state.text}
-        />
-        <Text style={styles.createGroupText}>Privacy Setting:</Text>
-        <Picker
-          selectedValue={this.state.privacy}
-          onValueChange={(privacy) => this.setState({ privacy: privacy })}
-        >
-          <Picker.Item label='Label' value='label' />
-          <Picker.Item label='GPS' value='gps' />
-        </Picker>
-        <Text style={styles.createGroupText}>Members:</Text>
-        <ListView
-          dataSource={this.state.friends}
-          style={styles.listView}
-          renderRow={(rowData) => (
-            <CheckBox
-              label={rowData.first}
-              onChange={() => this.handleUserChange(rowData)}
-              underlayColor='transparent'
-            />
-          )}
-        />
         <Button 
           title="Create Group"
           onPress={this.submitGroup}
         />
+        <View style={styles.createGroupContainer}>
+          <Text style={styles.createGroupText}>Create Group:</Text>
+          <TextInput
+            style={styles.createGroupTextInput}
+            onChangeText={(text) => this.setState( {groupName: text} )}
+            placeholder='Insert Group Name'
+            value={this.state.text}
+          />
+          <Text style={styles.createGroupText}>Privacy Setting:</Text>
+          <Picker
+            selectedValue={this.state.privacy}
+            onValueChange={(privacy) => this.setState({ privacy: privacy })}
+          >
+            <Picker.Item label='Label' value='label' />
+            <Picker.Item label='GPS' value='gps' />
+          </Picker>
+          <Text style={styles.createGroupText}>Members:</Text>
+          <ListView
+            dataSource={this.state.friends}
+            style={styles.listView}
+            renderRow={(rowData) => (
+              <CheckBox
+                label={rowData.first}
+                labelStyle={styles.fenceAddress}
+                onChange={() => this.handleUserChange(rowData)}
+                underlayColor='transparent'
+              />
+            )}
+          />
+        </View>
       </View>
     );
   }
diff --git a/app/FriendMap.js b/app/FriendMap.js
index 26b199d..ec516a7 100644
--- a/app/FriendMap.js
+++ b/app/FriendMap.js
@@ -61,6 +61,7 @@ export default class FriendMap extends Component {
   render() {
     return (
       <View style={styles.container}>
+        <Button title='Let me know when they get home' onPress={() => {this.subscribeTo(data)}} />
         <View style={styles.switchContainer}>
           <Switch
               onValueChange={this.switchChange}
@@ -82,12 +83,20 @@ export default class FriendMap extends Component {
   }
 
   renderLabel(data) {
+    let path;
+    if( data.currentLabel === 'School' ) { path = require('./Image/school.png') };
+    if( data.currentLabel === 'Home' ) { path = require('./Image/home.png') };
+    if( data.currentLabel === 'Office' ) { path = require('./Image/office.png') };
+    if( data.currentLabel === 'Bar' ) { path = require('./Image/bar.png') };
+    if( data.currentLabel === 'Gym' ) { path = require('./Image/gym.png') };
     return (
       <View style={styles.friendMapContainer}>
-        <Button title='Let me know when they get home' onPress={() => {this.subscribeTo(data)}} />
         <Text style={styles.friendMapText}>{data.first} checked in at:</Text> 
-        <Text style={styles.friendMapText}>{data.currentLabel}</Text>
-        <Text style={styles.friendMapText}>5 min ago</Text>
+        <Image
+          source={path}
+          style={styles.labelImage}
+        />
+        <Text style={styles.friendMapText}>{data.currentLabel} 5 min ago</Text>
       </View>
     );
   }
@@ -96,7 +105,6 @@ export default class FriendMap extends Component {
     const { region } = this.props;
     return (
       <View style={styles.friendMapContainer}>
-        <Button title='Let me know when they get home' onPress={() => {this.subscribeTo(data)}} />
         <Text style={styles.friendMapText}>Checked In At:</Text>
         {this.renderMapView(data)}
         <Text style={styles.friendMapText}>{data.currentLabel} 12 min Ago.</Text>
diff --git a/app/GroupMap.js b/app/GroupMap.js
index 38a0264..478b72a 100644
--- a/app/GroupMap.js
+++ b/app/GroupMap.js
@@ -131,13 +131,13 @@ export default class GroupMap extends Component {
           onPress={() => !this.state.addAndDelete ? this.changeToEditGroup() : this.updateGroupMembers() }
           title={ !this.state.addAndDelete ? 'Add/Delete Friends' : 'Confirm'}
         />
-        <View style={styles.switchContainer}>
-          <Switch
-            onValueChange={this.switchChange}
-            value={this.state.showLabel}
-          />
-          <Text style={styles.switchText}>{this.state.showLabel ? 'Show Only Label' : 'Show GPS'}</Text>
-        </View>
+          <View style={styles.switchContainer}>
+            <Switch
+              onValueChange={this.switchChange}
+              value={this.state.showLabel}
+            />
+            <Text style={styles.switchText}>{this.state.showLabel ? 'Show Only Label' : 'Show GPS'}</Text>
+          </View>
         {this.state.addAndDelete ? <AddDeleteGroupMembers members={this.state.members} name={data.name} toAdd={this.addMember} toDelete={this.removeMember} /> : this.renderNoChangeList()}
       </View>
     );
diff --git a/app/Home.js b/app/Home.js
index c579ae0..a52d04e 100644
--- a/app/Home.js
+++ b/app/Home.js
@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
-import { View, StyleSheet } from 'react-native';
-import HomeFavorite from './HomeFavorite.js';
+import { Button, View, Text, StyleSheet, ListView, TouchableOpacity } from 'react-native';
+
 import PushController from './FCM/PushController.js';
 import AuthAxios from './AuthAxios.js';
 import styles from './styles.js';
@@ -8,20 +8,53 @@ import styles from './styles.js';
 export default class HomeScreen extends Component {
   constructor(props) {
     super(props);
-    this.state = {};
+    this.state = {
+      members: new ListView.DataSource({
+        rowHasChanged: (row1, row2) => row1 !== row2
+      })
+    };
   };
 
+  componentWillMount() {
+    AuthAxios({
+      url: `/api/groupUsers?name=FAVORITES`
+    })
+    .then(({data}) => {
+      let members = data;
+      this.setState({members: this.state.members.cloneWithRows(members)});
+    })
+    .catch(err => {
+      console.log('There was an error fetching members', err);
+    });
+  }
+
   static navigationOptions = {
     title: 'Favorites'
   };
-  
   render() {
-    const { navigate } = this.props.navigation;    
     return (
-      <View>
+      <View style={styles.container}>
         <PushController />
-        <HomeFavorite />
+        <ListView
+          dataSource={this.state.members}
+          style={styles.listView}
+          renderRow={(rowData) => this.renderMembers(rowData) }
+        />
       </View>
-    )
+    );
+  }
+
+  renderMembers(memberData) {
+    const { navigate } = this.props.navigation;
+    return (
+      <TouchableOpacity
+        onPress={() => navigate('FriendMap', {data: memberData}) }
+      >
+        <View style={styles.nameContainer}>
+          <Text style={styles.name}>{memberData.first} {memberData.last}</Text>
+          <Text style={styles.label}>{memberData.currentLabel ? memberData.currentLabel : 'Pending'}</Text>
+        </View>
+      </TouchableOpacity>
+    );
   }
 }
diff --git a/app/HomeFavorite.js b/app/HomeFavorite.js
deleted file mode 100644
index 85d5895..0000000
--- a/app/HomeFavorite.js
+++ /dev/null
@@ -1,59 +0,0 @@
-import React, { Component } from 'react';
-import { Button, View, Text, StyleSheet, ListView, TouchableOpacity } from 'react-native';
-import AuthAxios from './AuthAxios.js';
-import styles from './styles.js';
-
-export default class HomeFavorite extends Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      members: new ListView.DataSource({
-        rowHasChanged: (row1, row2) => row1 !== row2
-      })
-    };
-  }
-
-  componentWillMount() {
-    // let {name} = this.props.navigation.state.params.data;
-
-    AuthAxios({
-      url: `/api/groupUsers?name=FAVORITES`
-    })
-    .then(({data}) => {
-      let members = data;
-      this.setState({members: this.state.members.cloneWithRows(members)});
-    })
-    .catch(err => {
-      console.log('There was an error fetching members', err);
-    });
-  }
-
-  render() {
-    return (
-      <View style={styles.container}>
-        <Button
-          onPress={() => console.log("PRESSED")}
-          title="Add Member To Favorite"
-        />
-        <ListView
-          dataSource={this.state.members}
-          style={styles.listView}
-          renderRow={(rowData) => this.renderMembers(rowData) }
-        />
-      </View>
-    );
-  }
-
-  renderMembers(memberData) {
-    return (
-      <TouchableOpacity
-        onPress={() => this.props.navigate('FriendMap', {data: memberData}) }
-      >
-        <View style={styles.nameContainer}>
-          <Text style={styles.name}>{memberData.first} {memberData.last}</Text>
-          <Text style={styles.label}>{memberData.currentLabel ? memberData.currentLabel : 'Pending'}</Text>
-        </View>
-      </TouchableOpacity>
-    );
-  }
-}
\ No newline at end of file
diff --git a/app/Image/bar.png b/app/Image/bar.png
new file mode 100644
index 0000000..249e5af
Binary files /dev/null and b/app/Image/bar.png differ
diff --git a/app/Image/gym.png b/app/Image/gym.png
new file mode 100644
index 0000000..d8e51e1
Binary files /dev/null and b/app/Image/gym.png differ
diff --git a/app/Image/home.png b/app/Image/home.png
new file mode 100644
index 0000000..cd129a5
Binary files /dev/null and b/app/Image/home.png differ
diff --git a/app/Image/office.png b/app/Image/office.png
new file mode 100644
index 0000000..a3305de
Binary files /dev/null and b/app/Image/office.png differ
diff --git a/app/Image/school.png b/app/Image/school.png
new file mode 100644
index 0000000..3ce6842
Binary files /dev/null and b/app/Image/school.png differ
diff --git a/app/Settings.js b/app/Settings.js
index 5095028..7861487 100644
--- a/app/Settings.js
+++ b/app/Settings.js
@@ -98,10 +98,9 @@ export default class Settings extends Component {
         <Switch
           onValueChange={this.switchChange}
           value={this.state.incognito} />
-
-        <TouchableOpacity onPress={() => {this._signOut()} }>
-          <Text>Log Out</Text>
-        </TouchableOpacity>
+        <View style= {{flex: 1}}>
+          <Button onPress={() => {this._signOut()}} title='Log Out' />
+        </View>
 
         {this.state.error &&
           (<Text>There was an error updating your privacy settings. Please try again later.</Text>)}
diff --git a/app/styles.js b/app/styles.js
index 7d89a46..c3ef5e3 100644
--- a/app/styles.js
+++ b/app/styles.js
@@ -4,6 +4,7 @@ import { StyleSheet } from 'react-native';
 module.exports = StyleSheet.create({
   container: {
     flex: 1,
+    // justifyContent: 'center',
     backgroundColor: '#F5FCFF',
   },
   centerContainer: {
@@ -14,30 +15,41 @@ module.exports = StyleSheet.create({
     backgroundColor: '#F5FCFF',
   },
   mapContainer: {
-    ...StyleSheet.absoluteFillObject,
-    height: 400,
-    width: 400,
+    // ...StyleSheet.absoluteFillObject,
+    height: 350,
+    width: 350,
     justifyContent: 'flex-end',
     alignItems: 'center',
   },
   map: {
     ...StyleSheet.absoluteFillObject,
   },
+  createGroupContainer: {
+    flex: 1,
+    paddingLeft: 10,
+  },
   switchContainer: {
-    height: 25,
+    // paddingTop: 10, 
+    paddingLeft: 10,
     flexDirection: 'row',
-    justifyContent: 'space-between',
+    justifyContent: 'flex-start',
     alignItems: 'center',
   },
   friendMapContainer: {
-    marginTop: 10,
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    // marginTop: 10,
   },
   nameContainer: {
     flex: 1,
-    marginBottom: 8,
+    marginBottom: 10,
+    paddingLeft: 10,
+    // backgroundColor: 'blue'
   },
   settingContainer: {
     flex: 1,
+    padding: 10,
     justifyContent: 'flex-start',
     alignItems: 'flex-start',
     backgroundColor: '#F5FCFF',
@@ -45,46 +57,77 @@ module.exports = StyleSheet.create({
   name: {
     fontSize: 23,
     textAlign: 'left',
+    color: 'black',
   },
   label: {
     fontSize: 18,
     textAlign: 'left',
+    color: 'black',
+    fontStyle: 'italic',
   },
   addName: {
     fontSize: 20,
     textAlign: 'center',
+    color: 'black',
   },
   switchText: {
+    color: 'black',
     fontSize: 15,
   },
   friendMapText: {
-    textAlign: 'center',
+    // textAlign: 'center',
+    color: 'black',
+    fontWeight: 'bold',
     fontSize: 20,
+    margin: 10,
   },
   createGroupText: {
     fontSize: 20,
+    color: 'black',
   },
   phoneNumber: {
     textAlign: 'center',
+    color: 'black',
   },
   groupName: {
     fontSize: 23,
     textAlign: 'center',
+    color: 'black',
   },
   button: {
 
   },
   listView: {
-    paddingTop: 10,
+    // flex: 1,
+    // flexDirection: 'column',
+    padding: 10,
     backgroundColor: '#F5FCFF',
   },
   settingText: {
     fontSize: 16,
     fontWeight: 'bold',
-    textAlign: 'auto'
+    textAlign: 'auto',
+    color: 'black',
   },
   settingDescription: {
     fontSize: 14,
-    textAlign: 'auto'
+    textAlign: 'auto',
+    color: 'black',
+  },
+  fenceAddress: {
+    fontSize: 14,
+    textAlign: 'auto',
+    color: 'black',
+    fontStyle: 'italic'
   },
+  labelImage: {
+    width: 225,
+    height: 225,
+    alignItems: 'center',
+  },
+  createGroupTextInput: {
+    fontSize: 18,
+    textAlign: 'left',
+    color: 'black',
+  }
 });
\ No newline at end of file