Adds leading return when creating multiple lines

[GavanWilhite]

Do you know what's going on here?

It basically looks like it's adding a break but only when multi-line

The react code is:

  return <li key={Math.random()}>
            <Box pointerEvents={'none'} width="100%">
                <Box w={6} h={6} borderColor={brandTransparent} borderWidth={1.5} textAlign='center' borderRadius={6} position='relative' display='inline-block'><Box position='relative' top='-1px'>{typeToEmoji[objective.type]}</Box></Box>
                <strong> <Balancer ratio={0.65} as={Text}>{objective.description}</Balancer> </strong>
            </Box>
        </li>

[GavanWilhite]

[shuding]

Could you create a reproduction on https://codesandbox.io/ or https://stackblitz.com? Thanks!