From 2fc73bc357ab864401c1bd3b99a5a9bfccc034a9 Mon Sep 17 00:00:00 2001
From: peaklabs-dev <122374094+peaklabs-dev@users.noreply.github.com>
Date: Thu, 3 Sep 2026 17:23:17 +0200
Subject: [PATCH] fix(ux): show api token description inline

---
 resources/views/livewire/security/api-tokens.blade.php | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/resources/views/livewire/security/api-tokens.blade.php b/resources/views/livewire/security/api-tokens.blade.php
index 38db6aa3a..acc36f526 100644
--- a/resources/views/livewire/security/api-tokens.blade.php
+++ b/resources/views/livewire/security/api-tokens.blade.php
@@ -107,9 +107,13 @@ class="listbox-panel top-full! mt-1! w-full!" role="listbox">
             @endcan
 
             @if (session()->has('token'))
-                <x-application.settings-section title="Copy your token"
-                    description="This value will not be shown again after you leave this page.">
-                    <x-forms.copy-button :text="session('token')" />
+                <x-application.settings-section title="Copy your token">
+                    <div class="flex flex-col gap-3">
+                        <p class="text-sm text-neutral-500 dark:text-fg-dim">
+                            This value will not be shown again after you leave this page.
+                        </p>
+                        <x-forms.copy-button :text="session('token')" />
+                    </div>
                 </x-application.settings-section>
             @endif