diff --git a/components/cycle-day/symptoms/symptom-section.js b/components/cycle-day/symptoms/symptom-section.js
index 8d0603b77b1a825e53b1d5b5a62fdc7eaec6f87a..d29d7fb3735c1205c49baaaf1e14aea7fb9a7a45 100644
--- a/components/cycle-day/symptoms/symptom-section.js
+++ b/components/cycle-day/symptoms/symptom-section.js
@@ -16,8 +16,9 @@ export default class SymptomSection extends Component {
       <View style={placeHeadingInline}>
         <SymptomSectionHeader flex={1}>{p.header}</SymptomSectionHeader>
         <View
-          flexDirection={p.inline ? 'row' : 'column'}
+          flexDirection={p.inline ? 'row' : null}
           flex={1}
+          alignItems={p.inline ? 'center' : null}
         >
           <View flex={1}>
             <AppText>{p.explainer}</AppText>