Overlapping calendar events are not evenly split if there are more overlapping events below/above them

[CarnageXD]

We can see the problem in the screenshot. The expected result would be that events with title '6' take 50% as events with title '8' do, but because of the more overlapping events below, It looks like something is breaking and the first event '6' is the same width as the thinnest event '1' below it.

The item to render:

return (
  <View
    style={{
      backgroundColor: 'white',
      height: '100%',
      borderWidth: 1,
      borderColor: 'red',
    }}
  >
    <Text>{event.title}</Text>
  </View>
);

The result: