diff --git a/components/header/symptom-view.js b/components/header/symptom-view.js
index df8b4be..3f6a21f 100644
--- a/components/header/symptom-view.js
+++ b/components/header/symptom-view.js
@@ -24,6 +24,7 @@ export default function SymptomViewHeader(props) {
       </View >
       <FeatherIcon
         name='info'
+        style={styles.symptomInfoIcon}
         {...iconStyles.symptomHeaderIcons}
       />
     </View>
diff --git a/styles/index.js b/styles/index.js
index 78730f3..59360e6 100644
--- a/styles/index.js
+++ b/styles/index.js
@@ -139,6 +139,10 @@ export default StyleSheet.create({
     color: 'black',
     marginBottom: 5
   },
+  symptomInfoIcon: {
+    marginRight: 20,
+    marginLeft: 20
+  },
   symptomBoxImage: {
     width: 50,
     height: 50
@@ -199,9 +203,6 @@ export default StyleSheet.create({
     flexDirection: 'row',
     justifyContent: 'space-between',
   },
-  headerSymptom: {
-    paddingRight: 20
-  },
   navigationArrow: {
     padding: 20
   },