Bug in navbar in astro blog template

[adriahuertas]

Astro Info

astro info
Astro                    v5.0.3
Node                     v20.13.1
System                   Linux (x64)
Package Manager          npm
Output                   static
Adapter                  none
Integrations             @astrojs/mdx
                         @astrojs/sitemap

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

Chrome, Brave

Describe the Bug

There's a bug in the astro blog template (the one you can install from pnpm create astro...) in the navbar. When you are in the Home tab, the navbar has a bigger width than it has when you are in the other two tabs. I've tried to remove styles but it keeps happening. What is the reason? It's driving me nuts.

Navbar size in home:

Navbar size in about (or blogs)

By the way, I've checked that this happens both in brave and chrome, but not in firefox. If I open the blog template in stackblitz it doesn't happen neither.

What's the expected result?

To have always the same width in the navbar

Link to Minimal Reproducible Example

https://stackblitz.com/github/withastro/astro/tree/latest/examples/blog?file=README.md&on=stackblitz

Participation

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