diff --git a/resources/views/components/copy-button.blade.php b/resources/views/components/copy-button.blade.php
index a266a272d8..3333a62bfa 100644
--- a/resources/views/components/copy-button.blade.php
+++ b/resources/views/components/copy-button.blade.php
@@ -9,8 +9,12 @@
 @endphp
 
 <button type="button" title="{{ $label }}" aria-label="{{ $label }}"
-    {{ $attributes->class(['icon-button shrink-0']) }} @disabled($resolve === null && blank($value))
+    {{ $attributes->class(['icon-button group shrink-0']) }} @disabled($resolve === null && blank($value))
     x-data="copyButton" @click="copy(await ({{ $valueExpression }}))">
-    <x-reicon name="copy" x-show="!copied" class="size-3.5" />
-    <x-reicon name="check" x-cloak x-show="copied" class="size-3.5 text-success" />
+    <span class="inline-flex transition-transform duration-150 ease-out group-active:scale-75">
+        <x-reicon name="copy" x-show="!copied" class="size-3.5" />
+        <x-reicon name="check" x-cloak x-show="copied" class="size-3.5 text-success"
+            x-transition:enter="transition-transform duration-200 ease-out"
+            x-transition:enter-start="scale-50" x-transition:enter-end="scale-100" />
+    </span>
 </button>