diff --git a/src/Symfony/Bundle/SecurityBundle/Resources/views/Collector/security.html.twig b/src/Symfony/Bundle/SecurityBundle/Resources/views/Collector/security.html.twig
index ecb082838c361..635d61e2dd2c8 100644
--- a/src/Symfony/Bundle/SecurityBundle/Resources/views/Collector/security.html.twig
+++ b/src/Symfony/Bundle/SecurityBundle/Resources/views/Collector/security.html.twig
@@ -29,10 +29,50 @@
             padding: 0 0 8px 0;
         }
 
+        #collector-content .authenticator-name {
+            align-items: center;
+            display: flex;
+            gap: 16px;
+        }
+
+        #collector-content .authenticators .toggle-button {
+            margin-left: auto;
+        }
+        #collector-content .authenticators .sf-toggle-on .toggle-button {
+            transform: rotate(180deg);
+        }
+        #collector-content .authenticators .toggle-button svg {
+            display: block;
+        }
+
+        #collector-content .authenticators th,
+        #collector-content .authenticators td {
+            vertical-align: baseline;
+        }
+        #collector-content .authenticators th,
+        #collector-content .authenticators td {
+            vertical-align: baseline;
+        }
+
+        #collector-content .authenticators .label {
+            display: block;
+            text-align: center;
+        }
+
+        #collector-content .authenticator-data {
+            box-shadow: none;
+            margin: 0;
+        }
+
+        #collector-content .authenticator-data tr:first-child th,
+        #collector-content .authenticator-data tr:first-child td {
+            border-top: 0;
+        }
+
         #collector-content .authenticators .badge {
             color: var(--white);
             display: inline-block;
-            text-align: center;
+            margin: 4px 0;
         }
         #collector-content .authenticators .badge.badge-resolved {
             background-color: var(--green-500);
@@ -40,13 +80,6 @@
         #collector-content .authenticators .badge.badge-not_resolved {
             background-color: var(--yellow-500);
         }
-
-        #collector-content .authenticators svg[data-icon-name="icon-tabler-check"] {
-            color: var(--green-500);
-        }
-        #collector-content .authenticators svg[data-icon-name="icon-tabler-x"] {
-            color: var(--red-500);
-        }
     </style>
 {% endblock %}
 
@@ -355,48 +388,90 @@
                 <div class="tab-content">
                     {% if collector.authenticators|default([]) is not empty %}
                         <table class="authenticators">
+                            <colgroup>
+                                <col>
+                                <col style="width: 100%">
+                            </colgroup>
                             <thead>
                             <tr>
-                                <th>Authenticator</th>
-                                <th>Supports</th>
-                                <th>Authenticated</th>
-                                <th>Duration</th>
-                                <th>Passport</th>
-                                <th>Badges</th>
+                                <th scope="col">Status</th>
+                                <th scope="col">Authenticator</th>
                             </tr>
                             </thead>
-
-                            {% set previous_event = (collector.listeners|first) %}
-                            {% for authenticator in collector.authenticators %}
-                                {% if loop.first or authenticator != previous_event %}
-                                    {% if not loop.first %}
-                                        </tbody>
-                                    {% endif %}
-
-                                    <tbody>
-                                    {% set previous_event = authenticator %}
-                                {% endif %}
-
-                                <tr>
-                                    <td class="font-normal">{{ profiler_dump(authenticator.stub) }}</td>
-                                    <td class="no-wrap">{{ source('@WebProfiler/Icon/' ~ (authenticator.supports is same as (false) ? 'no' : 'yes') ~ '.svg') }}</td>
-                                    <td class="no-wrap">{{ authenticator.authenticated is not null ? source('@WebProfiler/Icon/' ~ (authenticator.authenticated ? 'yes' : 'no') ~ '.svg') : '' }}</td>
-                                    <td class="no-wrap">{{ authenticator.duration is null ? '(none)' : '%0.2f ms'|format(authenticator.duration * 1000) }}</td>
-                                    <td class="font-normal">{{ authenticator.passport ? profiler_dump(authenticator.passport) : '(none)' }}</td>
-                                    <td class="font-normal">
-                                        {% for badge in authenticator.badges ?? [] %}
-                                            <span class="badge badge-{{ badge.resolved ? 'resolved' : 'not_resolved' }}">
-                                            {{ badge.stub|abbr_class }}
-                                            </span>
+                            {% for i, authenticator in collector.authenticators %}
+                                <tr class="sf-toggle"
+                                    data-toggle-selector="#authenticator-{{ i }}"
+                                    data-toggle-initial="{{ authenticator.authenticated is not null ? 'display' }}"
+                                >
+                                    <td class="font-normal text-small">
+                                        {% if authenticator.authenticated %}
+                                            {% set status_text, label_status = 'success', 'success' %}
+                                        {% elseif authenticator.authenticated is null %}
+                                            {% set status_text, label_status = 'skipped', false %}
                                         {% else %}
-                                            (none)
-                                        {% endfor %}
+                                            {% set status_text, label_status = 'failure', 'error' %}
+                                        {% endif %}
+                                        <span class="label {{ label_status ? 'status-' ~ label_status }}">{{ status_text }}</span>
+                                    </td>
+                                    <td>
+                                        <span class="authenticator-name">
+                                            {{ profiler_dump(authenticator.stub) }}
+                                            <button class="btn btn-link toggle-button" type="button">
+                                                {{ source('@WebProfiler/Icon/chevron-down.svg') }}
+                                            </button>
+                                        </span>
+                                        <div id="authenticator-{{ i }}" class="font-normal">
+                                            {% if authenticator.supports is same as(false) %}
+                                                <div class="empty">
+                                                    <p>This authenticator did not support the request.</p>
+                                                </div>
+                                            {% elseif authenticator.authenticated is null %}
+                                                <div class="empty">
+                                                    <p>An authenticator ran before this one.</p>
+                                                </div>
+                                            {% else %}
+                                                <table class="authenticator-data">
+                                                    <colgroup>
+                                                        <col>
+                                                        <col style="width: 100%">
+                                                    </colgroup>
+                                                    <tr>
+                                                        <th scope="row">Lazy</th>
+                                                        <td>{{ authenticator.supports is null ? 'yes' : 'no' }}</td>
+                                                    </tr>
+                                                    <tr>
+                                                        <th scope="row">Duration</th>
+                                                        <td>{{ '%0.2f ms'|format(authenticator.duration * 1000) }}</td>
+                                                    </tr>
+                                                    {% if authenticator.passport %}
+                                                        <tr>
+                                                            <th scope="row">Passport</th>
+                                                            <td>{{ profiler_dump(authenticator.passport) }}</td>
+                                                        </tr>
+                                                    {% endif %}
+                                                    {% if authenticator.badges %}
+                                                        <tr>
+                                                            <th scope="row">Badges</th>
+                                                            <td>
+                                                                {% for badge in authenticator.badges %}
+                                                                    <span class="badge badge-{{ badge.resolved ? 'resolved' : 'not_resolved' }}">
+                                                                        {{ badge.stub|abbr_class }}
+                                                                    </span>
+                                                                {% endfor %}
+                                                            </td>
+                                                        </tr>
+                                                    {% endif %}
+                                                    {% if authenticator.exception %}
+                                                        <tr>
+                                                            <th scope="row">Exception</th>
+                                                            <td>{{ profiler_dump(authenticator.exception) }}</td>
+                                                        </tr>
+                                                    {% endif %}
+                                                </table>
+                                            {% endif %}
+                                        </div>
                                     </td>
                                 </tr>
-
-                                {% if loop.last %}
-                                    </tbody>
-                                {% endif %}
                             {% endfor %}
                         </table>
                     {% else %}
diff --git a/src/Symfony/Component/Security/Http/Authenticator/Debug/TraceableAuthenticator.php b/src/Symfony/Component/Security/Http/Authenticator/Debug/TraceableAuthenticator.php
index 7d1f105ce07a8..a98c2bc6564f8 100644
--- a/src/Symfony/Component/Security/Http/Authenticator/Debug/TraceableAuthenticator.php
+++ b/src/Symfony/Component/Security/Http/Authenticator/Debug/TraceableAuthenticator.php
@@ -35,6 +35,7 @@ final class TraceableAuthenticator implements AuthenticatorInterface, Interactiv
     private ?float $duration = null;
     private ClassStub|string $stub;
     private ?bool $authenticated = null;
+    private ?AuthenticationException $exception = null;
 
     public function __construct(private AuthenticatorInterface $authenticator)
     {
@@ -57,6 +58,7 @@ static function (BadgeInterface $badge): array {
                 },
                 $this->passport?->getBadges() ?? [],
             ),
+            'exception' => $this->exception,
         ];
     }
 
@@ -92,6 +94,10 @@ public function onAuthenticationSuccess(Request $request, TokenInterface $token,
     public function onAuthenticationFailure(Request $request, AuthenticationException $exception): ?Response
     {
         $this->authenticated = false;
+        $this->exception = $exception->getPrevious() instanceof AuthenticationException
+            ? $exception->getPrevious()
+            : $exception
+        ;
 
         return $this->authenticator->onAuthenticationFailure($request, $exception);
     }