`USelect`'s border radius as the last item of `UFieldGroup` breaks when inside `UForm`

[rijenkii]

Environment

• Operating System: Linux
• Node Version: v20.19.1
• Nuxt Version: -
• CLI Version: 3.28.0
• Nitro Version: -
• Package Manager: pnpm@8.15.6
• Builder: -
• User Config: -
• Runtime Modules: -
• Build Modules: -

Is this bug related to Nuxt or Vue?

Vue

Package

v4.x

Version

v4.0.0

Reproduction

https://stackblitz.com/edit/vitejs-vite-refidcgr?file=src%2FApp.vue
Open in blink-based browsers, something in the reproduction seems to just not work in webcontainers on Firefox.

For history:

<template>
  <UApp>
    <UForm class="p-12">
      <UFieldGroup>
        <UButton label="button" />
        <USelect placeholder="select" />
      </UFieldGroup>
    </UForm>
  </UApp>
</template>

Description

Adding USelect into UFieldGroup generally works, all corners are being rounded.

Placing the resulting UFieldGroup inside a UForm results in the right corners of the UFieldGroup not being rounded at all.

Additional context

Logs