From 756a88cfa2f8f71400362327d2255cb8b5ccacfa Mon Sep 17 00:00:00 2001
From: T <6601329+cookesan@users.noreply.github.com>
Date: Sat, 27 Jun 2026 18:12:18 -0300
Subject: [PATCH] fix(theme): keep external link icon inline (#5232)

---
 .../theme-default/styles/components/vp-doc.css   | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/client/theme-default/styles/components/vp-doc.css b/src/client/theme-default/styles/components/vp-doc.css
index b5b42596..904427fc 100644
--- a/src/client/theme-default/styles/components/vp-doc.css
+++ b/src/client/theme-default/styles/components/vp-doc.css
@@ -560,26 +560,30 @@
 
 /* prettier-ignore */
 :is(.vp-external-link-icon, .vp-doc a[href*='://'], .vp-doc a[target='_blank']):not(:is(.no-icon, svg a, :has(img, svg)))::after {
-  display: inline-block;
-  margin-top: -1px;
+  display: inline;
   margin-left: 4px;
-  width: 11px;
-  height: 11px;
+  padding-left: 11px;
   background: currentColor;
   color: var(--vp-c-text-3);
   flex-shrink: 0;
   --icon: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Cpath d='M0 0h24v24H0V0z' fill='none' /%3E%3Cpath d='M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z' /%3E%3C/svg%3E");
   -webkit-mask-image: var(--icon);
   mask-image: var(--icon);
+  -webkit-mask-position: center;
+  mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 11px 11px;
+  mask-size: 11px 11px;
   /*rtl:raw:transform: scaleX(-1);*/
 }
 
 .vp-external-link-icon::after {
-  content: '';
+  content: '\2060';
 }
 
 /* prettier-ignore */
 .external-link-icon-enabled :is(.vp-doc a[href*='://'], .vp-doc a[target='_blank']):not(:is(.no-icon, svg a, :has(img, svg)))::after {
-  content: '';
+  content: '\2060';
   color: currentColor;
 }