message: textAlign for question to be answered
diff: @@ -152,14 +152,15 @@ const styles = EStyleSheet.create({
  paddingTop: "18rem",
  color: palette.white,
  fontSize: "16rem",
  - alignSelf: "center"
  + alignSelf: "center",
  },
  unlock: {
  color: palette.white,
  fontSize: "16rem",
  fontWeight: "bold",
  - alignSelf: "center"
  + alignSelf: "center",
  + textAlign: "center",
  },
  })
  @@ -285,7 +286,7 @@ export const EarnSection = inject("dataStore")(
  </View>
  {!item.enabled &&
  <>
  - <Text style={styles.unlockQuestion}>To unlock answer the question:</Text>
  + <Text style={styles.unlockQuestion}>To unlock, answer the question:</Text>
  <Text style={styles.unlock}>{item.enabledMessage}</Text>
  </>
  }
  