Safari line numbers on the blob viewer are misaligned when user enables "Never use font sizes smaller than 14"

Summary

Line numbers are misaligned with line content on blob views in Safari with the setting: "Never use font sizes smaller than" set to 14.

Steps to reproduce

  1. Open safari
  2. Go to settings > advanced.
  3. enable the "Never use font sizes smaller than" and set it to 14.
  4. Visit https://gitlab.com/gitlab-org/gitlab/-/blob/master/app/services/onboarding_progress_service.rb

Example Project

https://gitlab.com/gitlab-org/gitlab/-/blob/master/app/services/onboarding_progress_service.rb

What is the current bug behavior?

Screenshot_2021-04-26_at_18.55.43

What is the expected correct behavior?

Screenshot_2021-04-26_at_19.09.46

Possible fixes

Make the line-height and min-height calculations be based on em and not rem?