How to prevent line breaks

[starxyn]

<Grid> <Grid.Col span={12}> {show && ( <Text c='gray.9'>ABC</Text> <Text c='red.7'>*</Text> ) </Grid.Col> </Grid>

The result is:
ABC
*
which I don't want cos I want it to be ABC* and not having a line break in between ABC and *.

[Kenzo-Wada]

Can you provide the entier code of yours?

[starxyn]

Updated as above. Sorry some parts were hidden as I didn't wrap it in markdown.

[Kenzo-Wada]

@starxyn
Ok, Now I see where the problem is!

Inside <Grid.Col> is not a Flex Box, so you have to wrap those two text with it.

eg.

<Grid>
  <Grid.Col span={12}>
    {show && (
    <Flex gap={0}> // or <Group>
      <Text c='gray.9'>ABC</Text>
      <Text c='red.7'>*</Text>
    </Flex>
  </Grid.Col>
</Grid>

[starxyn]

this works. thanks!