Unwanted pixel gap in react native flex box

There is an unwanted gap of approximately a pixel in between the child components (I colored the background red so it's easier to see). Anyone know how to get rid of it?

<View style={{ flexDirection: 'row', backgroundColor: 'red', }} > <View style={{ backgroundColor: 'dodgerblue', width: 30, height: 30, }} /> <View style={{ backgroundColor: 'dodgerblue', width: 30, height: 30, }} /> <View style={{ backgroundColor: 'dodgerblue', width: 30, height: 30, }} /> </View>