diff --git a/assets/scripts/features/copyCode/copyCode.js b/assets/scripts/features/copyCode/copyCode.js
index 2ea3cbd..f6efc15 100644
--- a/assets/scripts/features/copyCode/copyCode.js
+++ b/assets/scripts/features/copyCode/copyCode.js
@@ -3,6 +3,7 @@ addCopyButtons(navigator.clipboard)
 function addCopyButtons(clipboard) {
   document.querySelectorAll('pre > code').forEach(function (codeBlock) {
     const button = document.createElement('a')
+    button.title = "Copy"
     button.className = 'copy-code-button'
     button.innerHTML = "<i class='fa-regular fa-copy'></i>"
 
diff --git a/assets/styles/components/misc.scss b/assets/styles/components/misc.scss
index 7dda9c5..0c6fdcb 100644
--- a/assets/styles/components/misc.scss
+++ b/assets/styles/components/misc.scss
@@ -53,13 +53,9 @@ pre {
 .copy-code-button {
   display: flex;
   justify-content: right;
-  margin-right: 0.2em;
-  margin-bottom: -1.2em;
-  font-size: 20pt;
-}
-
-.highlight pre { 
-  margin: 0;
+  margin-right: 0.75em;
+  margin-bottom: -1.75em;
+  font-size: 1.25em;
 }
 
 html[data-theme='dark'] {