diff --git a/app.js b/app.js
index 2c567ba24aa01fdf2bc2c8c7178a8f9b8a425aea..d9a6c6b02a67c6b4c5eb11825ecdfc799524e59c 100644
--- a/app.js
+++ b/app.js
@@ -7,6 +7,8 @@ import Chart from './components/chart/chart'
 import Settings from './components/settings'
 import Stats from './components/stats'
 
+import styles from './styles'
+
 // this is until react native fixes this bugg, see
 // https://github.com/facebook/react-native/issues/18868#issuecomment-382671739
 import { YellowBox } from 'react-native'
@@ -14,8 +16,8 @@ YellowBox.ignoreWarnings(['Warning: isMounted(...) is deprecated'])
 
 const routes = {
   Home: { screen: Home },
-  Calendar: createStackNavigator({Calendar, CycleDay}),
-  Chart: createStackNavigator({Chart, CycleDay}),
+  Calendar: createStackNavigator({Calendar, CycleDay}, {headerMode: 'none'}),
+  Chart: createStackNavigator({Chart, CycleDay}, {headerMode: 'none'}),
   Settings: { screen: Settings },
   Stats: { screen: Stats}
 }
@@ -23,7 +25,10 @@ const routes = {
 const config = {
   labeled: true,
   shifting: false,
-  backBehavior: 'none'
+  tabBarOptions: {
+    style: {backgroundColor: '#ff7e5f'},
+    labelStyle: {fontSize: 15, color: 'white'}
+  },
 }
 
 export default createBottomTabNavigator(routes, config)
\ No newline at end of file