diff --git a/assets/js/markdown-tab.js b/assets/js/markdown-tab.js
index be3153822..053c9a15b 100644
--- a/assets/js/markdown-tab.js
+++ b/assets/js/markdown-tab.js
@@ -34,7 +34,11 @@ function addCopyButtons(clipboard) {
       button.title = "Copy Code"
       button.addEventListener('click', function () {
           clipboard.writeText(codeBlock.innerText).then(function () {
+              button.classList.add("is-active");
               button.blur();
+              setTimeout(function() {
+                  button.classList.remove("is-active");
+              }, 2000);
           }, function (error) {
           });
       });
diff --git a/assets/scss/common.scss b/assets/scss/common.scss
index 699c9ff13..70cb30542 100644
--- a/assets/scss/common.scss
+++ b/assets/scss/common.scss
@@ -393,8 +393,17 @@ section {
   background-repeat: no-repeat;
   background-size: cover;
   cursor: pointer;
+  &.is-active {
+    background-image: none;
+    width: auto;
+    &:before {
+      content: "Copied";
+      color: #ffffff;
+    }
+  }
 }
 
+
 .copy-code-button:hover {
   top: 3px;
 }