How to use properly grid on page header?

Questions
1

When i use multiple row then row properly not align on header. below is my typst script code:

#set page(
  paper: "a4", 
  margin: (x: 10mm),

  footer: [
    #line(length: 100%, stroke: 0.5pt)
    #v(0.5em)
    #align(right)[
      #context { counter(page).display() }
    ]
  ],

  header: context{ grid(
    columns: (1fr, 1fr),
    align(left)[John Doe],
    align(right)[Page #counter(page).display()],
    align(left)[Project Alpha],
    align(right)[March 2026],
    align(left)[Project Alpha],
    align(right)[March 2026],
    align(left)[Project Alpha],
    align(right)[March 2026],
    align(left)[Project Alpha],
    align(right)[March 2026],
    align(left)[Project Alpha],
    align(right)[March 2026],
    align(left)[Project Alpha],
    align(right)[March 2026],
    align(left)[Project Alpha],
    align(right)[March 2026],
    align(left)[Project Alpha],
    align(right)[March 2026],
    align(left)[Project Alpha],
    align(right)[March 2026],
    align(left)[Project Alpha],
    align(right)[March 2026],
    align(left)[Project Alpha],
    align(right)[March 2026],
    align(left)[Project Alpha],
    align(right)[March 2026],
    align(left)[Project Alpha],
    align(right)[March 2026],
    align(left)[Project Alpha],
    align(right)[March 2026],
    align(left)[Project Alpha],
    align(right)[March 2026],
  )},
  header-ascent: 0mm,
)

below is s.s. unexpexcted result:

Playground
Playground1191×185 49.8 KB

2

Hi. What’s the use case? If you need this much headroom in a header, just extend it with set page(margin: (top: 41mm)).