diff --git a/components/app.js b/components/app.js
index fc8f7e39ec1696a4aa47d318ab51df50406624af..da47365d154510ec1a3e1033630b69d1d95ca287 100644
--- a/components/app.js
+++ b/components/app.js
@@ -94,9 +94,7 @@ export default class App extends Component {
 
   isDefaultView() {
     const { currentPage } = this.state
-    return currentPage !== CYCLE_DAY_PAGE &&
-      !this.isSymptomView() &&
-      !this.isInfoSymptomView()
+    return this.isMenuItem(currentPage) || currentPage === SETTINGS_MENU_PAGE
   }
 
   render() {
@@ -114,16 +112,19 @@ export default class App extends Component {
     }
     const page = pages[currentPage]
     const title = headerTitlesLowerCase[currentPage]
-    const isSymptomView = this.isSymptomView()
     return (
       <View style={{flex: 1}}>
         {this.isDefaultView() &&
           <Header title={title} />
         }
-        {this.isInfoSymptomView() &&
-          <Header title={title} goBack={this.handleBackButtonPress} />
+        {(this.isInfoSymptomView() || this.isSettingsView()) &&
+          <Header
+            title={title}
+            showBackButton={true}
+            goBack={this.handleBackButtonPress}
+          />
         }
-        {isSymptomView &&
+        {this.isSymptomView() &&
           <Header
             title={title}
             isSymptomView={true}
@@ -140,7 +141,7 @@ export default class App extends Component {
           ...currentProps
         })}
 
-        {!isSymptomView &&
+        {!this.isSymptomView() &&
           <Menu navigate={this.navigate} currentPage={currentPage} />
         }
       </View>
diff --git a/components/header/info-symptom.js b/components/header/back-button.js
similarity index 94%
rename from components/header/info-symptom.js
rename to components/header/back-button.js
index 3a0d4909dfec6a078b30b42a85732d46607672d0..619610681393259315eb42df311da34a50378fa2 100644
--- a/components/header/info-symptom.js
+++ b/components/header/back-button.js
@@ -8,7 +8,7 @@ import styles, { iconStyles } from '../../styles'
 import NavigationArrow from './navigation-arrow'
 import Icon from 'react-native-vector-icons/Entypo'
 
-export default function InfoSymptomHeader(props) {
+export default function BackButtonHeader(props) {
   return (
     <View style={[styles.header, styles.headerCycleDay, styles.headerSymptom]}>
       <View
diff --git a/components/header/index.js b/components/header/index.js
index 5adba3ba5edf84b508cdfe6be279d6178e132dc2..9792d03b73c2527d19a78501e240432e1dc6938d 100644
--- a/components/header/index.js
+++ b/components/header/index.js
@@ -2,7 +2,7 @@ import React from 'react'
 import { Dimensions } from 'react-native'
 import CycleDayHeader from './cycle-day'
 import DefaultHeader from './default'
-import InfoSymptomHeader from './info-symptom'
+import BackButtonHeader from './back-button'
 import SymptomViewHeader from './symptom-view'
 
 export default function Header(p) {
@@ -15,8 +15,8 @@ export default function Header(p) {
   else if (props.isSymptomView) {
     return (<SymptomViewHeader {...props} />)
   }
-  else if (props.title === 'info') {
-    return (<InfoSymptomHeader {...props} />)
+  else if (props.showBackButton) {
+    return (<BackButtonHeader {...props} />)
   }
   else {
     return (<DefaultHeader {...props} />)