From fe0150cea980dcc07ba35424f2f60b81cffe6ea0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=F0=9F=8F=94=EF=B8=8F=20Peak?=
 <122374094+peaklabs-dev@users.noreply.github.com>
Date: Wed, 12 Aug 2026 21:53:06 +0200
Subject: [PATCH] fix(ui): no api tokens state (#11224)

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

diff --git a/resources/views/livewire/security/api-tokens.blade.php b/resources/views/livewire/security/api-tokens.blade.php
index 7deaa0ae7..edd3bd752 100644
--- a/resources/views/livewire/security/api-tokens.blade.php
+++ b/resources/views/livewire/security/api-tokens.blade.php
@@ -178,8 +178,10 @@ class="absolute top-1/2 right-2 flex size-5 -translate-y-1/2 items-center justif
                     @endif
 
                     @if ($tokens->isEmpty())
-                        <x-empty title="No API tokens" description="Create a token when an external client needs access."
-                            icon-name="keys" size="sm" />
+                        <div class="p-4">
+                            <x-empty title="No API tokens" description="Create a token when an external client needs access."
+                                icon-name="keys" size="sm" />
+                        </div>
                     @else
                         <div x-cloak x-show="filteredTokens.length > 0" class="data-table">
                             <div class="data-table-header api-tokens-table-grid">
@@ -246,7 +248,7 @@ class="inline-flex h-7 items-center rounded-md px-2 text-[11px] font-medium text
                             @endforeach
                         </div>
 
-                        <div x-cloak x-show="filteredTokens.length === 0">
+                        <div x-cloak x-show="filteredTokens.length === 0" class="p-4">
                             <x-empty size="sm" title="No matching tokens"
                                 description="Try a different description or permission." />
                         </div>