UTable: header row bottom border isn't full table width (safari)

Environment

Operating system macOS 25.2.0 │
│ │ CPU Apple M1 Pro (10 cores) │
│ │ Node.js version v24.12.0 │
│ │ nuxt/cli version 3.31.2 │
│ │ Package manager bun 1.3.7 │
│ │ Nuxt version 4.2.2 │
│ │ Nitro version 2.12.9 │
│ │ Builder vite 7.3.0 │
│ │ Config app, clerk, colorMode, compatibilityDate, css, devtools, echarts, eslint, modules, ssr, ui │
│ │ Modules @nuxt/ui 4.4.0, @vueuse/nuxt 14.2.0, @nuxt/eslint 1.12.1, nuxt-echarts 1.0.1, @clerk/nuxt 1.13.19

Is this bug related to Nuxt or Vue?

Nuxt

Package

v4.x

Version

v4.4.0

Reproduction

Only in safari browser: if you check the table with column pinning in the UTable docs section with a screen small enough so that the table is horizontally scrollable, you can see that the bottom border of the header row ends way before the actual table ends. having the same issue in a production app.

Description

UTable header row bottom border isn't full table width in safari browser. Works fine in chrome.

Additional context

Logs

Start with the UTable documentation example for column pinning and reproduce the issue in Safari at a narrow viewport where the table scrolls horizontally. Trace the UTable column-pinning implementation and verify that the header row's bottom border spans the full table width in Safari without regressing Chrome behavior.