Bug - h1 style looks "wrong" for Safari iOS 14

[muling]

Describe the bug

Extra red border appears in the h1 title in Safari

To Reproduce

Steps to reproduce the behaviour:

1. Go to any canada.ca page with the latest GCWeb template
2. view h1

Example

https://www.canada.ca/en/services/jobs.html

Current behaviour

see extra red borders in screenshot

Expected behaviour

should look like this

Screenshots and/or logs

Desktop (please complete the following information):

• OS: iOS
• Browser:Safari
• Version: 14 (or below) Ok on v15+

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser: [e.g. stock browser, safari]
• Version: [e.g. 22]

Additional context

You can add any other context about the problem here.