diff --git a/themes/hugoplate/assets/js/copybutton.js b/themes/hugoplate/assets/js/copybutton.js
index a40b536..126c0f9 100644
--- a/themes/hugoplate/assets/js/copybutton.js
+++ b/themes/hugoplate/assets/js/copybutton.js
@@ -2,8 +2,8 @@ function addCopyButtonToCodeBlocks() {
     const codeBlocks = document.querySelectorAll(
       'pre > code[class^="language-"]'
     );
-    const copyIcon = '<i class="fas fa-copy"></i>';
-    const copiedIcon = '<i class="fas fa-check"></i>';
+    const copyIcon = '<i class="fa-solid fa-copy"></i>';
+    const copiedIcon = '<i class="fa-solid fa-check"></i>';
   
     codeBlocks.forEach((codeBlock) => {
       codeBlock.style.backgroundColor = "#272822";
diff --git a/themes/hugoplate/assets/scss/base.scss b/themes/hugoplate/assets/scss/base.scss
index f89632b..e35879c 100755
--- a/themes/hugoplate/assets/scss/base.scss
+++ b/themes/hugoplate/assets/scss/base.scss
@@ -71,12 +71,14 @@ strong {
   font-size: 80%;
 }
 
-.btn.copy-code-button:hover i.fas.fa-copy::before{
+.btn.copy-code-button:hover i.fa-solid.fa-copy::before {
   color: #884da0 !important;
+  font-family: 'Font Awesome 6 Free';
 }
 
-.btn.copy-code-button:hover i.fas.fa-check::before{
+.btn.copy-code-button:hover i.fa-solid.fa-check::before {
   color: #884da0 !important;
+  font-family: 'Font Awesome 6 Free';
 }
 
 .notice {