[Bug]: The margin of the header to the top end of the screen is missing on some resolutions

[Colin23]

🔢 Version

Last checked on 14.12.2024 with this as the latest commit hash: 2750139

🖥️ Environment

Production

🤔 What happened?

Normally, the header should have a small margin to the top end of the screen. In a couple of cases this is missing. The resolutions I found are:
On a 1080p screen

• 1920px width works
• 768px to 1919px width doesn't work

On a 3,2K (scaled to 1080p) screen

• 768px width and above doesn't work

👣 Steps To Reproduce

Go to any resolution I described in the section What happened and see for yourself.

📓 Relevant log output or error messages

Nothing, it's just a styling oversight

🖥️ System Information

• OS: Linux
• Browser: Firefox
• Desktop: Tested on a native 1080p and a 3,2K (scaled to be 1080p) screen

🔍 Preflight Checklist

• I have searched the existing issues and this is a new, non-duplicate bug
• I have provided all the necessary information to understand and reproduce this bug

➕ Additional context

Working (1080p screen with 1920px width):

Not working (1080p screen with resolution from 768px to 1919px width):

Working (1080p screen with resolution from 767px width and below):

Not working (scaled 3,2K screen with resolution from 768px width and above):

Working (scaled 3,2K screen with resolution 767px width and below):