Emojis render with trailing spaces within Boxes

Hi there! First time using ink, and I’m really enjoying it so far, but I’ve run into a snag for my project.

I’m making a small terminal-based board game and want to display emojis inside Box elements, but as the title says, every time I render a Box containing a Text element with emojis inside, any row containing emoji gets one space appended per emoji, breaking the right side of the box, which is otherwise appropriately-sized for its content.

The extra spaces do not seem to appear when emojis are printed in a Text element outside of a Box.

Example code:

const Board = () => {
  return (
    <Box flexDirection='column' alignItems='flex-start'>
      <Box borderStyle='round'>
        <Text>🌊</Text>
      </Box>
      <Box borderStyle='round'>
        <Text>🌊🌊</Text>
      </Box>
      <Box borderStyle='round'>
        <Text>🌊🌊🌊</Text>
      </Box>
    </Box>
  )
};

Example output:

[quinnvoker]

@goldbergyoni The explanation is provided by the close message: it was closed because PR #444 resolved the issue and was merged.

[goldbergyoni]

@vadimdemedes Why are you closing these line of issues without any explanation?

Edit: my bad, watched this using mobile and it looked like ‘close’ message without related PR