diff --git a/frontends/dashboard/src/components/CodeSample.svelte b/frontends/dashboard/src/components/CodeSample.svelte
index 72f1ab09..391e644b 100644
--- a/frontends/dashboard/src/components/CodeSample.svelte
+++ b/frontends/dashboard/src/components/CodeSample.svelte
@@ -30,9 +30,17 @@
     overflow: hidden;
 
     .copy-button {
+      transition: all 300ms;
+      opacity: 0;
       position: absolute;
       top: 8px;
       right: 8px;
     }
+
+    &:hover {
+      .copy-button {
+        opacity: 1;
+      }
+    }
   }
 </style>