diff --git a/components/home.js b/components/home.js
index 2a234f6..28cbd11 100644
--- a/components/home.js
+++ b/components/home.js
@@ -12,7 +12,6 @@ import links from '../i18n/en/links'
import cycleModule from '../lib/cycle'
import { getFertilityStatusForDay } from '../lib/sympto-adapter'
import styles, { cycleDayColor, periodColor, secondaryColor } from '../styles'
-
import AppText from './app-text'
import Button from './button'
import { formatDateForShortText } from './helpers/format-date'
@@ -33,13 +32,18 @@ const HomeElement = ({ children, onPress, buttonColor, buttonLabel }) => {
onPress={ onPress }
style={ styles.homeIconElement }
>
- { children }
-
+ {children[0]}
+ {children[1]}
+
+
+ {children[2]}
+
+
)
}
diff --git a/styles/index.js b/styles/index.js
index 9928ef8..edb0da4 100644
--- a/styles/index.js
+++ b/styles/index.js
@@ -122,7 +122,8 @@ export default StyleSheet.create({
},
homeIconElement: {
alignItems: 'center',
- marginTop: 15
+ marginTop: 15,
+ flexDirection: 'row'
},
homeIconTextWrapper: {
alignItems: 'center',