diff --git a/components/chart/day-column.js b/components/chart/day-column.js
index 2f623a93ccf18e229e315771b45ef26b3d35871c..c23da39f8df5ab8f9986c89f2b774a931a20b724 100644
--- a/components/chart/day-column.js
+++ b/components/chart/day-column.js
@@ -108,7 +108,7 @@ export default class DayColumn extends Component {
 
     return (
       <View>
-        <View style={{ height: symptomHeight }}>
+        <View style={[styles.symptomRow, {height: symptomHeight}]}>
           {typeof mucus === 'number' &&
             <View
               {...styles.mucusIcon}
diff --git a/components/chart/styles.js b/components/chart/styles.js
index d60e1a0c5eff1eafffaeb9cd060cc804e4944fc9..bfc3430e59c5118be83da517cb35a6473d3ed284 100644
--- a/components/chart/styles.js
+++ b/components/chart/styles.js
@@ -87,6 +87,10 @@ const styles = {
     borderColor: '#00b159',
     borderWidth: 2,
     borderStyle: 'solid'
+  },
+  symptomRow: {
+    alignItems: 'center',
+    justifyContent: 'center'
   }
 }