diff --git a/components/header.js b/components/header.js
index c9da0c7..ad96ba3 100644
--- a/components/header.js
+++ b/components/header.js
@@ -5,7 +5,8 @@ import {
   Dimensions
 } from 'react-native'
 import styles, { iconStyles } from '../styles'
-import Icon from 'react-native-vector-icons/MaterialCommunityIcons'
+import Icon from 'react-native-vector-icons/Entypo'
+import FeatherIcon from 'react-native-vector-icons/Feather'
 import { formatDateForViewHeader } from '../components/cycle-day/labels/format'
 
 
@@ -17,7 +18,7 @@ export default class Header extends Component {
         <View style={[styles.header, styles.headerCycleDay]}>
           <View style={styles.accentCircle} left={middle - styles.accentCircle.width / 2}/>
           <Icon
-            name='arrow-left-drop-circle'
+            name='chevron-thin-left'
             {...iconStyles.navigationArrow}
             onPress={() => this.props.goToCycleDay('before')}
           />
@@ -31,7 +32,7 @@ export default class Header extends Component {
               </Text>}
           </View >
           <Icon
-            name='arrow-right-drop-circle'
+            name='chevron-thin-right'
             {...iconStyles.navigationArrow}
             onPress={() => this.props.goToCycleDay('after')}
           />
@@ -40,8 +41,8 @@ export default class Header extends Component {
           <View style={[styles.header, styles.headerSymptom]}>
             <View style={styles.accentCircle} left={middle - styles.accentCircle.width / 2}/>
             <Icon
-              name='keyboard-backspace'
-              {...iconStyles.symptomHeaderIcons}
+              name='chevron-thin-left'
+              {...iconStyles.navigationArrow}
               onPress={() => this.props.goBack()}
 
             />
@@ -50,8 +51,8 @@ export default class Header extends Component {
                 {this.props.title}
               </Text>
             </View >
-            <Icon
-              name='information-outline'
+            <FeatherIcon
+              name='info'
               {...iconStyles.symptomHeaderIcons}
             />
           </View>
diff --git a/styles/index.js b/styles/index.js
index 10c90c9..3d19cf3 100644
--- a/styles/index.js
+++ b/styles/index.js
@@ -322,7 +322,7 @@ export default StyleSheet.create({
 
 export const iconStyles = {
   navigationArrow: {
-    size: 45,
+    size: 20,
     color: fontOnPrimaryColor
   },
   symptomHeaderIcons: {