diff --git a/docs/api/php_api/php_api_reference/css/base.css b/docs/api/php_api/php_api_reference/css/base.css
index e09bbcb54bb..2a1f25e76b7 100644
--- a/docs/api/php_api/php_api_reference/css/base.css
+++ b/docs/api/php_api/php_api_reference/css/base.css
@@ -578,13 +578,9 @@ figcaption {
     text-align: center;
 }
 
-a.external:not(.card):after {
-    content: url(../../../../images/open-in-new.svg);
-    font-style: normal;
-    padding-left: 0px;
-    position: relative;
-    font-size: 11px;
-    top: -5px;
+a.external:not(.card) {
+    background: url(../../../../images/open-in-new.svg) no-repeat 100% -2px;
+    padding-right: 12px;
 }
 
 .md-typeset .md-content__icon {
diff --git a/docs/api/php_api/php_api_reference/css/template.css b/docs/api/php_api/php_api_reference/css/template.css
index e40c90dace8..c5b6ae989a4 100644
--- a/docs/api/php_api/php_api_reference/css/template.css
+++ b/docs/api/php_api/php_api_reference/css/template.css
@@ -670,13 +670,9 @@ figcaption {
     text-align: center;
 }
 
-a.external:not(.card):after {
-    content: url(../../../../images/open-in-new.svg);
-    font-style: normal;
-    padding-left: 0px;
-    position: relative;
-    font-size: 11px;
-    top: -5px;
+a.external:not(.card) {
+    background: url(../../../../images/open-in-new.svg) no-repeat 100% -2px;
+    padding-right: 12px;
 }
 
 .md-typeset .md-content__icon {
diff --git a/docs/css/custom.css b/docs/css/custom.css
index 76450625031..328359c8630 100644
--- a/docs/css/custom.css
+++ b/docs/css/custom.css
@@ -406,13 +406,9 @@ figcaption {
     text-align: center;
 }
 
-a.external:not(.card):after {
-    content: url(../images/open-in-new.svg);
-    font-style: normal;
-    padding-left: 2px;
-    position: relative;
-    font-size: 11px;
-    top: -5px;
+a.external:not(.card) {
+    background: url(../images/open-in-new.svg) no-repeat 100% -2px;
+    padding-right: 12px;
 }
 
 .md-typeset .md-content__icon {
diff --git a/tools/api_refs/.phpdoc/template/css/custom.css.twig b/tools/api_refs/.phpdoc/template/css/custom.css.twig
index a400c2a1313..2d847df510c 100644
--- a/tools/api_refs/.phpdoc/template/css/custom.css.twig
+++ b/tools/api_refs/.phpdoc/template/css/custom.css.twig
@@ -394,13 +394,9 @@ figcaption {
     text-align: center;
 }
 
-a.external:not(.card):after {
-    content: url(../../../../images/open-in-new.svg);
-    font-style: normal;
-    padding-left: 0px;
-    position: relative;
-    font-size: 11px;
-    top: -5px;
+a.external:not(.card) {
+    background: url(../../../../images/open-in-new.svg) no-repeat 100% -2px;
+    padding-right: 12px;
 }
 
 .md-typeset .md-content__icon {