diff --git a/content/_markdown_footer.md b/content/_markdown_footer.md
index 63445a1..acc80f2 100644
--- a/content/_markdown_footer.md
+++ b/content/_markdown_footer.md
@@ -5,6 +5,9 @@
     </a>
   </div>
   <div class="typo-link">
-    <a id="typo-link" href="#" target="_blank">Typo?</a>
+    <a id="typo-link" href="#" target="_blank">
+      <svg width="28" height="28" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M15.655 4.344a2.695 2.695 0 0 0-3.81 0l-.599.599-.009-.009-1.06 1.06.008.01-5.88 5.88a2.75 2.75 0 0 0-.805 1.944v1.922a.75.75 0 0 0 .75.75h1.922a2.75 2.75 0 0 0 1.944-.806l7.54-7.539a2.695 2.695 0 0 0 0-3.81Zm-4.409 2.72-5.88 5.88a1.25 1.25 0 0 0-.366.884v1.172h1.172c.331 0 .65-.132.883-.366l5.88-5.88-1.689-1.69Zm2.75.629.599-.599a1.195 1.195 0 1 0-1.69-1.689l-.598.599 1.69 1.689Z"/></svg>
+      Typo?
+    </a>
   </div>
 </div>
diff --git a/custom.css b/custom.css
index c0eccc9..bb0fe5f 100644
--- a/custom.css
+++ b/custom.css
@@ -10,6 +10,12 @@
   align-items: center;
 }
 
+.typo-link a {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
 a code {
   color: var(--pico-primary);;
 }