diff --git a/components/chart/chart.js b/components/chart/chart.js
index f9865243b82a7dabd3842980cb23d8ed8729a84d..3b9b224cadab7cbbbd7a5193f39895992fa223a2 100644
--- a/components/chart/chart.js
+++ b/components/chart/chart.js
@@ -170,10 +170,7 @@ export default class CycleChart extends Component {
                 size={styles.yAxis.width - 7}
                 color={cycleDayColor}
               />
-              <AppText style={[
-                styles.column.label.date,
-                styles.yAxisLabels.dateLabel
-              ]}>
+              <AppText style={[styles.yAxisLabels.dateLabel]}>
                 {labels.date.toLowerCase()}
               </AppText>
             </View>
diff --git a/components/chart/styles.js b/components/chart/styles.js
index 4da89b2831494dfd2250bc73db65e88560edda81..c9b63a84116887df706aa9db34e31496b3a7b2ab 100644
--- a/components/chart/styles.js
+++ b/components/chart/styles.js
@@ -34,6 +34,7 @@ const styles = {
         fontSize: 9,
         fontWeight: '100',
         textAlign: 'center',
+        paddingTop: 2.5
       },
       number: {
         color: cycleDayColor,
@@ -101,7 +102,10 @@ const styles = {
     },
     dateLabel: {
       textAlign: 'center',
-      justifyContent: 'center'
+      justifyContent: 'center',
+      color: 'grey',
+      fontSize: 9,
+      fontWeight: '100',
     }
   },
   horizontalGrid: {