Align date label with dates

components/chart/chart.js

@@ -170,10 +170,7 @@ export default class CycleChart extends Component {
                 size={styles.yAxis.width - 7}
                 color={cycleDayColor}
               />
-              <AppText style={[
+              <AppText style={[styles.yAxisLabels.dateLabel]}>
-                styles.column.label.date,
-                styles.yAxisLabels.dateLabel
-              ]}>
                 {labels.date.toLowerCase()}
               </AppText>
             </View>

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: {