URadioGroup table variant borders display incorrectly in RTL mode

[alireza-ab]

Environment

• Operating System: Linux
• Node Version: v22.14.0
• Nuxt Version: 3.17.3
• CLI Version: 3.25.1
• Nitro Version: 2.11.12
• Package Manager: bun@1.2.13
• Builder: -
• User Config: future, compatibilityDate, devtools, modules, css, components, i18n, icon, runtimeConfig, app, hooks, site, sitemap, pwa, fonts
• Runtime Modules: @nuxt/eslint@1.4.0, @nuxt/fonts@0.11.4, @nuxt/image@1.10.0, @nuxt/scripts@0.11.7, @nuxt/ui@3.1.2, @nuxtjs/i18n@9.5.4, @vueuse/nuxt@13.2.0, @pinia/nuxt@0.11.0, @nuxtjs/sitemap@7.2.10, @vite-pwa/nuxt@1.0.1
• Build Modules: -

Is this bug related to Nuxt or Vue?

Nuxt

Version

v3.1.2

Reproduction

https://codesandbox.io/p/devbox/wizardly-shamir-f8924y

Description

The URadioGroup component's table variant renders borders incorrectly in RTL mode. This appears to be a visual issue specific to RTL layouts. The expected result is that borders should match the appearance of the LTR layout, but they do not.

Additional context

In LTR Mode:

In RTL Mode: