diff --git a/src/Http/Livewire/ApiTokenManager.php b/src/Http/Livewire/ApiTokenManager.php
index dffb37355..4b6eb8772 100644
--- a/src/Http/Livewire/ApiTokenManager.php
+++ b/src/Http/Livewire/ApiTokenManager.php
@@ -117,6 +117,8 @@ protected function displayTokenValue($token)
         $this->displayingToken = true;
 
         $this->plainTextToken = explode('|', $token->plainTextToken, 2)[1];
+
+        $this->dispatchBrowserEvent('showing-token-modal');
     }
 
     /**
diff --git a/stubs/livewire/resources/views/api/api-token-manager.blade.php b/stubs/livewire/resources/views/api/api-token-manager.blade.php
index b8dd21fe5..42864bb11 100644
--- a/stubs/livewire/resources/views/api/api-token-manager.blade.php
+++ b/stubs/livewire/resources/views/api/api-token-manager.blade.php
@@ -104,9 +104,11 @@
                 {{ __('Please copy your new API token. For your security, it won\'t be shown again.') }}
             </div>
 
-            <div class="mt-4 bg-gray-100 px-4 py-2 rounded font-mono text-sm text-gray-500">
-                {{ $plainTextToken }}
-            </div>
+            <x-jet-input
+                x-ref="plaintextToken" @showing-token-modal.window="setTimeout(() => $refs.plaintextToken.select(), 250)"
+                type="text" readonly :value="$plainTextToken" class="mt-4 bg-gray-100 px-4 py-2 rounded font-mono text-sm text-gray-500 w-full"
+                autofocus autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
+            />
         </x-slot>
 
         <x-slot name="footer">