diff --git a/components/app-text.js b/components/app-text.js
index eabab32a2d21ff9c6a762d4626171867c6801568..6e996da5873a31e77e0cd1a018c0b5457a10e95b 100644
--- a/components/app-text.js
+++ b/components/app-text.js
@@ -1,33 +1,30 @@
-import React, { Component } from 'react'
+import React from 'react'
 import { Text } from 'react-native'
 import styles from "../styles"
 
-export default class AppText extends Component {
-  render() {
-    return (
-      <Text style={[styles.appText, this.props.style]}>
-        {this.props.children}
-      </Text>
-    )
-  }
+export default function AppText(props) {
+  return (
+    <Text
+      style={[styles.appText, props.style]}
+      onPress={props.onPress}
+    >
+      {props.children}
+    </Text>
+  )
 }
 
-export class AppTextLight extends Component {
-  render() {
-    return (
-      <Text style={[styles.appTextLight, this.props.style]}>
-        {this.props.children}
-      </Text>
-    )
-  }
+export function AppTextLight(props) {
+  return (
+    <Text style={[styles.appTextLight, props.style]}>
+      {props.children}
+    </Text>
+  )
 }
 
-export class SymptomSectionHeader extends Component {
-  render() {
-    return (
-      <AppText style={styles.symptomViewHeading}>
-        {this.props.children}
-      </AppText>
-    )
-  }
+export function SymptomSectionHeader(props) {
+  return (
+    <AppText style={styles.symptomViewHeading}>
+      {props.children}
+    </AppText>
+  )
 }
\ No newline at end of file
diff --git a/components/link.js b/components/link.js
new file mode 100644
index 0000000000000000000000000000000000000000..f5d2c10c2b02ab900195177fdf1d54496c140088
--- /dev/null
+++ b/components/link.js
@@ -0,0 +1,13 @@
+import React from 'react'
+import { Linking } from 'react-native'
+import AppText from "./app-text"
+import styles from '../styles';
+
+export default function Link(props) {
+  return (
+    <AppText
+      style={styles.link}
+      onPress={() => Linking.openURL(props.href)}
+    >{props.text}</AppText>
+  )
+}
\ No newline at end of file
diff --git a/components/settings/nfp-settings/index.js b/components/settings/nfp-settings/index.js
index bac516c131652f58663f2c7b315a940a093650b8..e975dc746635fe8acacd002ffbfd0991c8cb329a 100644
--- a/components/settings/nfp-settings/index.js
+++ b/components/settings/nfp-settings/index.js
@@ -2,11 +2,13 @@ import React, { Component } from 'react'
 import {
   ScrollView, View
 } from 'react-native'
-import styles from '../../../styles'
+import styles, { iconStyles } from '../../../styles'
 import labels from '../../../i18n/en/settings'
 import AppText from '../../app-text'
 import TempSlider from './temp-slider'
 import UseCervixSetting from './use-cervix'
+import Icon from 'react-native-vector-icons/Entypo'
+import Link from '../../link'
 
 export default class Settings extends Component {
   constructor(props) {
@@ -25,6 +27,17 @@ export default class Settings extends Component {
           <AppText>{labels.tempScale.segmentExplainer}</AppText>
           <TempSlider/>
         </View>
+        <View style={[styles.settingsSegment, styles.settingsSegmentLast]}>
+          <View style={{flexDirection: 'row', alignItems: 'center'}}>
+            <Icon name="info-with-circle" style={iconStyles.infoInHeading}/>
+            <AppText style={styles.settingsSegmentTitle}>{`${labels.preOvu.title} `}</AppText>
+          </View>
+          <AppText>
+            {labels.preOvu.note1}
+            <Link text={labels.preOvu.link} href="https://gitlab.com/bloodyhealth/drip/wikis/home" />
+            {labels.preOvu.note2}
+          </AppText>
+        </View>
       </ScrollView>
     )
   }
diff --git a/i18n/en/settings.js b/i18n/en/settings.js
index d230cf04ce42893570242a7d71f9213c794f453f..b703703c1eee2b68d392bf1b2da71f38b8576918 100644
--- a/i18n/en/settings.js
+++ b/i18n/en/settings.js
@@ -1,3 +1,4 @@
+
 export default {
   menuTitles: {
     reminders: 'Reminders',
@@ -78,5 +79,11 @@ export default {
   aboutSection: {
     title: 'About',
     segmentExplainer: 'Please note that your data is stored locally on your phone and not on a server. We want to ensure that you stay in control of those sensitive information. If you are planning to switch or reset your phone, please remember to export your data before doing so. You can reinstall the app afterwards and import your data.\n\nIf you encounter any technical issues, don\'t hesitate to contact us via email (bl00dyhealth@mailbox.org). You can also contribute to the code base on GitLab (https://gitlab.com/bloodyhealth/drip/).',
+  },
+  preOvu: {
+    title: 'Infertile days at cycle start',
+    note1: "drip applies NFP's rules for calculating infertile days at the start of the cycle (see the ",
+    link: 'wiki',
+    note2: " for more info). However, drip does not currently apply the so called 20-day-rule, which determines infertile days at the cycle start from past cycle lengths in case no past symptothermal info is available."
   }
 }
\ No newline at end of file
diff --git a/styles/index.js b/styles/index.js
index 852b6fb9a6c5642524fc5dcdea0173fe222f3792..1c6cf62db32bb91bff39a8768393914c91be5a2e 100644
--- a/styles/index.js
+++ b/styles/index.js
@@ -40,6 +40,10 @@ export default StyleSheet.create({
   emphasis: {
     fontWeight: 'bold',
   },
+  link: {
+    color: cycleDayColor,
+    textDecorationLine: 'underline'
+  },
   title: {
     fontSize: 18,
     color: 'black',
@@ -259,6 +263,9 @@ export default StyleSheet.create({
     marginHorizontal: defaultIndentation,
     padding: 7,
   },
+  settingsSegmentLast: {
+    marginBottom: defaultTopMargin,
+  },
   settingsSegmentTitle: {
     fontWeight: 'bold'
   },
@@ -409,4 +416,8 @@ export const iconStyles = {
   menuIconInactive: {
     color: colorInActive,
   },
+  infoInHeading: {
+    marginRight: 5,
+    color: 'black'
+  }
 }
\ No newline at end of file