I am using Expo (version 47) with React Native, and for the marker, I am using react-google-maps(9.4.5). In the app, if the font size is increased (through accessibility), the text goes outside the marker. How can I fix this issue?

Code

    <Marker
      coordinate={{
        latitude: latitude,
        longitude: longitude,
      }}
      image={Images.marker.hotel_large}
      tracksViewChanges={false}
      centerOffset={{ x: 0, y: -10 }}
      {...rest}
    >
      <View style={styles.text}>
        <BaseText style={{ color: '#fff' }}>{label}</BaseText>
      </View>
      <Callout style={[styles.plainView, { width: scale(270) }]}>{children}</Callout>
    </Marker>

style

export const styles = StyleSheet.create({
  plainView: {
    width: scale(200),
  },
  priceSection: {
    color: Color.primary,
  },
  text: {
    color: '#FFF',
    textAlign: 'center',
    width: 48,
    paddingTop: 22,
    paddingLeft: 18,
  },
});