diff --git a/components/stats.js b/components/stats.js
index c1e4475aab0b4f87b83187ffe1a16f1c16777ec4..d7e6e3b7f9c3718d035a527182a0c2b62fb7f9f5 100644
--- a/components/stats.js
+++ b/components/stats.js
@@ -26,7 +26,7 @@ export default class Stats extends Component {
     }
     return (
       <ScrollView>
-        <View style={styles.appHorizontalMargin}>
+        <View style={[styles.appHorizontalMargin, styles.appVerticalMargin]}>
           <AppText style={styles.appTextTitle}>{labels.cycleLengthTitle}</AppText>
           <AppText style={styles.appBottomMargin}>{labels.cycleLengthExplainer}</AppText>
           {!atLeastOneCycle &&
diff --git a/styles/index.js b/styles/index.js
index 73d4b122fee2186d2a71085f5e2e4917041579a2..49d5f32fd37fdc0d041adf33ed24a107c4ebd8aa 100644
--- a/styles/index.js
+++ b/styles/index.js
@@ -16,6 +16,9 @@ export default StyleSheet.create({
     color: 'black',
     marginBottom: 5,
   },
+  appVerticalMargin: {
+    marginTop: 10,
+  },
   appHorizontalMargin: {
     marginHorizontal: 10,
   },
@@ -29,7 +32,7 @@ export default StyleSheet.create({
     textAlignVertical: 'center'
   },
   dateHeader: {
-    fontSize: 18,
+    fontSize: 22,
     fontWeight: 'bold',
     color: fontOnPrimaryColor,
     textAlign: 'center',