TextField long prefix overflow

[b-graves]

I did a design for a TextField with a prefix of "Estimated value" in figma to look like this:

However when I have come to implement it I have written the following code:

<TextField.Aligner>
  <TextField
    name="estimated-value"
    variant="headless"
    placeholder="No value"
    prefix="Estimated value"
    startSlot={<Icon svg={<IconBarChart2 />} />}
  />
</TextField.Aligner>

However it looks like this:

I'm assuming there is some kind of issue with the prefix being too long? I tried without aligner, without icon and other variants but all the same

Thanks!

[blvdmitry]

Hey, can you check if this is still happening on the latest patch? (2.5.9) I've just checked that the issue was there in 2.5.0 but when I tried 2.5.9 it was gone without any changes to the code:

https://codesandbox.io/s/dreamy-knuth-y5h3jn?file=/src/App.tsx

[b-graves]

ah apologies, yes all good with the latest patch, thank you!