From 83e2f88920ba799f37d6ef9cfe06287f1d5990e5 Mon Sep 17 00:00:00 2001
From: Daniel Jacobs <danielhunterjacobs@gmail.com>
Date: Tue, 8 Sep 2026 11:10:26 -0400
Subject: [PATCH] fix(external-link): adjust positioning of the icon

---
 components/external-link/global.css | 17 ++++++-----------
 1 file changed, 6 insertions(+), 11 deletions(-)

diff --git a/components/external-link/global.css b/components/external-link/global.css
index f38157a99..412c4f11c 100644
--- a/components/external-link/global.css
+++ b/components/external-link/global.css
@@ -1,15 +1,10 @@
 .external {
-  position: relative;
-  padding-right: 1.125em;
-
   &::after {
-    position: absolute;
-
-    width: 1em;
-    height: 1em;
-
+    padding-right: 1em;
     margin-left: 0.125em;
 
+    text-wrap: nowrap;
+
     /*
       Unicode zero width space as `<content replacement>` to expose the alt text in the a11y tree.
       See: https://bugzilla.mozilla.org/show_bug.cgi?id=1976574
@@ -19,8 +14,8 @@
     background-color: currentcolor;
 
     mask-image: url("../icon/external-link.svg");
-    mask-size: cover;
-
-    transform: translateY(calc(1lh / 2 - 0.5em));
+    mask-repeat: no-repeat;
+    mask-position: left 0.1em;
+    mask-size: contain;
   }
 }