URange's UI breaks after a certain value

[sikhlana]

Environment

N/A

Version

v2.18.3

Reproduction

N/A

Description

If you look closely to the slider in the docs page: https://ui.nuxt.com/components/range

The slider looks okay when a lower value is set:

If the value is set around the maximum (>=95 ish?), the design breaks:

Which is even more visible when the value is 100:

And it's prominent when the size is set to 2xl:

Also notice that the foreground isn't respecting the border radius of the "container"

Additional context

No response

Logs

No response

[ldiellyoungl]

try this

<URange size="2xl" v-model="value" class="m-10" :ui="{ progress: { rounded: 'rounded-full' } }" />

[github-actions[bot]]

Hi! 👋

This issue has been automatically closed due to prolonged inactivity.

We're a small team and can't address every report, but we appreciate your feedback and contributions.

If this issue is still relevant with the latest version of Nuxt UI, please feel free to reopen or create a new issue with updated details.

Thank you for your understanding and support!

— Nuxt UI Team