The blue bar at the bottom of the header sometimes has a small gap at some zoom levels in Edge

[wardt7]

Description of the issue

Using the Edge browser, it is possible for the blue bar under the header to introduce a small gap at some zoom levels

90%

100%

Steps to reproduce the issue

• Run the code linked to in Environment
• Open Microsoft Edge in a browser and change zoom settings (usually from 100% to 90%)

Actual vs expected behaviour

Expected: No gap is introduced between the header's blue bar and the main header
Actual: A gap is sometimes introduced between the header's blue bar and the main header

Environment (where applicable)

• Operating system: Windows 11
• Browser: Microsoft Edge for Business
• Browser version: Version 133.0.3065.59 (Official build) (64-bit)
• GOV.UK Frontend Version: 5.8.0
• Runtime: .NET 8
• Code: https://github.com/OfqualGovUK/ofqual-recognition-frontend
• Important: We're specifically running a frontend port for C# ASP.NET, GovUK.FrontEnd.AspNetCore (https://github.com/gunndabad/govuk-frontend-aspnetcore) - I'm unsure as to whether the issue is because of GOV.UK, the port,

[wardt7]

I've just been able to replicate on a different, live site hosted as GDS's blog using the same browser configuration, implying it's not our frontend port that is the problem:

https://gds.blog.gov.uk/2025/01/27/same-name-new-ambitions/

Notably however, this does not happen on the main GDS page at https://www.gov.uk/government/organisations/government-digital-service, which is an unusual inconsistency: