diff --git a/components/chart/day-column.js b/components/chart/day-column.js
index 2f623a9..c23da39 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 d60e1a0..bfc3430 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'
   }
 }