Header overlaps with page content

The header is stickied to the top of the viewport, but the text doesn't have any background. This leads to the header text overlapping with text on the page and causing visibility issues.

<img width="1114" height="334" alt="Image" src="https://github.com/user-attachments/assets/56ad9fa5-e829-4903-a9a1-924e7470bac4" />

