<a> as first element inside component breaks layout

[gauel]

Astro Info

Astro                    v4.9.2
Node                     v20.9.0
System                   Windows (x64)
Package Manager          pnpm
Output                   hybrid
Adapter                  @astrojs/vercel/serverless
Integrations             @astrojs/tailwind
                         @astrojs/react
                         pagefind
                         @astrojs/sitemap

If this issue only occurs in one browser, which browser is a problem?

Chrome

Describe the Bug

Component that starts with <a> weirdly reduplicates its children, better to see it in action:
Preview demo
Demo repository

Demo screenshot:

Production screenshot:

Starts with <div>:

Starts with <a>:

What's the expected result?

In the link above is both the expected result as well as the current bug

Link to Minimal Reproducible Example

https://stackblitz.com/~/github.com/gauel/astro-anchor-bug

Participation

• I am willing to submit a pull request for this issue.

[matthewp]

Nesting a button inside of an a is not valid HTML. See here: https://stackoverflow.com/questions/6393827/can-i-nest-a-button-element-inside-an-a-using-html5