Add bottom margin

components/settings/nfp-settings/index.js

@@ -26,7 +26,7 @@ export default class Settings extends Component {
           <AppText>{labels.tempScale.segmentExplainer}</AppText>
           <TempSlider/>
         </View>
-        <View style={styles.settingsSegment}>
+        <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>

styles/index.js

@@ -259,6 +259,9 @@ export default StyleSheet.create({
     marginHorizontal: defaultIndentation,
     padding: 7,
   },
+  settingsSegmentLast: {
+    marginBottom: defaultTopMargin,
+  },
   settingsSegmentTitle: {
     fontWeight: 'bold'
   },