diff --git a/css/components/link.css b/css/components/link.css
index 767c6077..83bbdfa8 100644
--- a/css/components/link.css
+++ b/css/components/link.css
@@ -1,8 +1,19 @@
 .link-wrapper {
+  position: relative;
   display: flex;
   align-items: center;
 }
 
+.link-content > a {
+  display: flex;
+}
+
+.link-content > a::after {
+  position: absolute;
+  inset: 0;
+  content: "";
+}
+
 .link-icon {
   flex-shrink: 0;
   margin-inline-end: var(--link-icon-margin);
diff --git a/templates/paragraphs/paragraph--localgov-link.html.twig b/templates/paragraphs/paragraph--localgov-link.html.twig
index 26cee555..35ff9262 100644
--- a/templates/paragraphs/paragraph--localgov-link.html.twig
+++ b/templates/paragraphs/paragraph--localgov-link.html.twig
@@ -60,13 +60,13 @@
 
   {% if paragraph.localgov_url.value %}
     <div class="link-wrapper">
-      {% include "@localgov_base/includes/icons/icon.html.twig" with {
-          icon_name: title_icon,
-          icon_classes: 'link-icon',
-        }
-      %}
       <div class="link-content">
         <a href="{{ content.localgov_url.0 }}">
+          {% include "@localgov_base/includes/icons/icon.html.twig" with {
+              icon_name: title_icon,
+              icon_classes: 'link-icon',
+            }
+          %}
           {{ content.localgov_title.0 }}
         </a>
       </div>