diff --git a/src/layouts/page/tea-cli.html b/src/layouts/page/tea-cli.html
index bbb007f..07995dc 100644
--- a/src/layouts/page/tea-cli.html
+++ b/src/layouts/page/tea-cli.html
@@ -29,7 +29,7 @@
     <input class="one-liner" type="text" value="$ sh <(curl tea.xyz) install&nbsp;{{- .Title -}}" id="myInput" readonly>
 
     <!-- The button used to copy the text -->
-    <button class="clipboard-copy" onclick="myFunction()" data-bs-toggle="modal" data-bs-target="#exampleModal"><i class="icon-clipboard"></i></button>
+    <button class="clipboard-copy" id="copy-icon" onclick="myFunction()" data-bs-toggle="modal" data-bs-target="#exampleModal">copy</button>
   </div>
 <hr>
 
@@ -167,6 +167,8 @@
 
     /* Alert the copied text
     alert("Copied " + copyText.value + " to clipboard");*/
+
+    document.getElementById("copy-icon").innerHTML = "copied!";
   }
 
 </script>
diff --git a/src/layouts/partials/clipboard-copy.html b/src/layouts/partials/clipboard-copy.html
index 5ce6b47..9ffd692 100644
--- a/src/layouts/partials/clipboard-copy.html
+++ b/src/layouts/partials/clipboard-copy.html
@@ -3,7 +3,7 @@
     <input class="one-liner" type="text" value="$ sh <(curl tea.xyz) install&nbsp;{{- .Title -}}" id="myInput" readonly>
 
     <!-- The button used to copy the text -->
-    <button class="clipboard-copy" onclick="myFunction()"><i class="icon-clipboard"></i></button>
+    <button class="clipboard-copy" onclick="myFunction()" id="copy-icon"><i class="icon-clipboard"></i></button>
   </div>
 <hr>
 
@@ -66,6 +66,9 @@
 
     // Alert the copied text
     alert("Copied " + copyText.value + " to clipboard");
+
+    // Copy icon
+    document.getElementById("copy-icon").innerHTML = "copied!";
   }
 
 </script>