text component ignores color style when wrapped with event_

[heaversm]

In the code below:

  <Text
    size={13}
    fontFamily='helvetica'
    style={{ color: '#8d8d8d' }}
  >
    {this.props.title}
  </Text>

When I wrap the above text component with an event, the text turns from grey back to black, as seen below:

<Event_
  activeOpacity={this.props.data ? 0.8 : 1}
  hitSlop={SLOP}
  pressEffect='opacity'
  onPress={this.handleRecommendedLinkClick}
>
  <Text
    size={13}
    fontFamily='helvetica'
    style={{ color: COLORS.GREY_TEXT }}
  >
    {this.props.title}
  </Text>
</Event_>

Issue can be resolved by using a string for the color, such as '8D'