diff --git a/app/assets/stylesheets/framework/highlight.scss b/app/assets/stylesheets/framework/highlight.scss
index ee6e53adaf7f0b46087a2bb8b8be24490721e131..a4594cc482701a909ea73da7687fb7cd6debb85d 100644
--- a/app/assets/stylesheets/framework/highlight.scss
+++ b/app/assets/stylesheets/framework/highlight.scss
@@ -30,7 +30,6 @@
       .line {
         display: block;
         width: 100%;
-        min-height: 1.5em;
         padding-left: 10px;
         padding-right: 10px;
         white-space: pre;
@@ -48,7 +47,6 @@
       font-family: $monospace-font;
       display: block;
       font-size: $code-font-size !important;
-      min-height: 1.5em;
       white-space: nowrap;
 
       i {
@@ -68,6 +66,13 @@
       }
     }
   }
+
+  pre .line,
+  .line-numbers a {
+    font-size: 0.8125rem;
+    line-height: 1.1875rem;
+    min-height: 1.1875rem;
+  }
 }
 
 // Vertically aligns <table> line numbers (eg. blame view)
diff --git a/changelogs/unreleased/defect-safari-line-numbers-height.yml b/changelogs/unreleased/defect-safari-line-numbers-height.yml
new file mode 100644
index 0000000000000000000000000000000000000000..e72a7ffc1077159611cf07b9a233b491f500ecbc
--- /dev/null
+++ b/changelogs/unreleased/defect-safari-line-numbers-height.yml
@@ -0,0 +1,5 @@
+---
+title: Fix code line and line number alignment in Safari
+merge_request: 24820
+author:
+type: fixed