Button group rounded corner SSR mismatch

[meirroth]

Environment

StackBlitz

Version

2.13.0

Reproduction

https://stackblitz.com/edit/nuxt-ui-starter-1791?file=app.vue

Description

Reloading the page you can see the button in a UButtonGroup has full rounded corners in SSR before quickly changing to connect with the input.
Anyway to fix that?

Additional context

No response

Logs

No response

[KealanAU]

You could do

  <UButtonGroup class="m-10">
    <UInput :ui="{ rounded: 'rounded-r-none' }" />
    <UButton :ui="{ rounded: 'rounded-l-none' }">Create</UButton>
  </UButtonGroup>