external link inline anchor, moved icon outside of anchor

Author: davidlyons

src/components/mdx/ExternalLink.astro

@@ -7,14 +7,18 @@ type Props = HTMLAttributes<'a'>;
 const { href, ...props } = Astro.props;
 ---
 
-<a
-  href={href}
-  target="_blank"
-  rel="noreferrer"
-  aria-label="Open project in new window"
-  class="mb-5 inline-block w-full truncate font-medium"
-  {...props}
->
-  <Icon name="link" class="me-1 shrink-0" size={20} aria-hidden="true" />
-  <span>{href}</span>
-</a>
+<div class="mb-5 flex items-center">
+  <Icon name="link" class="me-2 shrink-0" size={20} aria-hidden="true" />
+  <span class="truncate">
+    <a
+      href={href}
+      target="_blank"
+      rel="noreferrer"
+      aria-label="Open project in new window"
+      class="font-medium"
+      {...props}
+    >
+      {href}
+    </a>
+  </span>
+</div>