diff --git a/app/views/settings/debugs/show.html.erb b/app/views/settings/debugs/show.html.erb
index 7d7d6c8b5..d55c4ce46 100644
--- a/app/views/settings/debugs/show.html.erb
+++ b/app/views/settings/debugs/show.html.erb
@@ -87,10 +87,12 @@
                 </td>
                 <td class="px-4 py-3 text-xs text-secondary align-top">
                   <% if entry.metadata.present? %>
-                    <details>
-                      <summary class="cursor-pointer"><%= t(".table.view_metadata") %></summary>
-                      <pre class="mt-2 whitespace-pre-wrap break-words"><%= JSON.pretty_generate(entry.metadata) %></pre>
-                    </details>
+                    <%= render DS::Disclosure.new(variant: :inline) do |disclosure| %>
+                      <% disclosure.with_summary_content do %>
+                        <span class="text-xs text-secondary"><%= t(".table.view_metadata") %></span>
+                      <% end %>
+                      <pre class="whitespace-pre-wrap break-words"><%= JSON.pretty_generate(entry.metadata) %></pre>
+                    <% end %>
                   <% else %>
                     <%= t(".missing_value") %>
                   <% end %>