diff --git a/quartz/components/Btn8831.tsx b/quartz/components/Btn8831.tsx
index 4087bda..6028aca 100644
--- a/quartz/components/Btn8831.tsx
+++ b/quartz/components/Btn8831.tsx
@@ -22,7 +22,7 @@ export default (() => {
       <div class={`btn8831-container ${displayClass ?? ""}`}>
         {buttons.map((button, index) => (
           <a href={button.url} key={index}>
-            <img src={button.image} alt={button.alt} />
+            <img src={button.image} alt={button.alt} title={button.title} />
           </a>
         ))}
       </div>
diff --git a/quartz/components/buttons.json b/quartz/components/buttons.json
index b4cb38e..7ea3ebb 100644
--- a/quartz/components/buttons.json
+++ b/quartz/components/buttons.json
@@ -2,6 +2,7 @@
   {
     "image": "https://assets.derg.cz/buttons/theysosmall_by_liah.png",
     "url": "https://smolderg.xyz",
-    "alt": "&quot;They so small!&quot; in large letters accompanied by an arrow pointing at a tiny dragon in the corner of the image, surrounded by the smaller bits of text &quot;Wow!&quot; &quot;Look!&quot; and &quot;Pet them!&quot;"
+    "alt": "&quot;They so small!&quot; in large letters accompanied by an arrow pointing at a tiny dragon in the corner of the image, surrounded by the smaller bits of text &quot;Wow!&quot; &quot;Look!&quot; and &quot;Pet them!&quot;",
+    "title": "&quot;They so small!&quot; in large letters accompanied by an arrow pointing at a tiny dragon in the corner of the image, surrounded by the smaller bits of text &quot;Wow!&quot; &quot;Look!&quot; and &quot;Pet them!&quot;"
   }
 ]