diff --git a/assets/js/app.js b/assets/js/app.js
index d088aae..7dcf9d9 100644
--- a/assets/js/app.js
+++ b/assets/js/app.js
@@ -1,10 +1,10 @@
 import clickableMaker from "./clickable-maker";
-import codeBlockFormatter from "./code-block-formatter";
+import copyButton from "./copy-button";
 import tabbed from "./tabbed";
 import _ from "./lunr";
 
 window.addEventListener('load', () => {
     clickableMaker();
-    codeBlockFormatter();
+    copyButton();
     tabbed();
 });
diff --git a/assets/js/code-block-formatter.js b/assets/js/copy-button.js
similarity index 96%
rename from assets/js/code-block-formatter.js
rename to assets/js/copy-button.js
index 9fe4740..2433e38 100644
--- a/assets/js/code-block-formatter.js
+++ b/assets/js/copy-button.js
@@ -2,6 +2,7 @@ export default function() {
     Array.from(document.querySelectorAll('[data-copy-button=true]')).forEach(e => {
         const copyButton = document.createElement('button');
         copyButton.classList.add('copy-button');
+        copyButton.title = "Click to copy";
 
         copyButton.addEventListener('click', () => {
             const addTemporaryClass = (className, time) => {