diff --git a/src/pages/friends.astro b/src/pages/friends.astro
index 962fb2b..caaabdb 100644
--- a/src/pages/friends.astro
+++ b/src/pages/friends.astro
@@ -92,7 +92,15 @@ const pageTitle = "Aria's friends";
         </div>
         <br />
         <p>Code:</p>
-        <pre><code class="rounded backdrop-brightness-0 language-html" style="background-color: white;">&lt;img src="https://aria.coffee/static/img/buttons/aria.gif" alt="Aria" style="image-rendering: pixelated;" /&gt;</code></pre>
+        <textarea
+            onclick="this.select()"
+            readonly
+            cols="60"
+            rows="2"
+            class="rounded backdrop-brightness-0 language-html"
+            style="background-color: black;"
+            >&lt;img src="https://aria.coffee/static/img/buttons/aria.gif" alt="Aria" style="image-rendering: pixelated;" /&gt;</textarea
+        >
         <link
             href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/themes/prism.min.css"
             rel="stylesheet"