diff --git a/webui/src/features/audit/AdminAuditPanel.tsx b/webui/src/features/audit/AdminAuditPanel.tsx
index aa90349..de86310 100644
--- a/webui/src/features/audit/AdminAuditPanel.tsx
+++ b/webui/src/features/audit/AdminAuditPanel.tsx
@@ -1,3 +1,4 @@
+import { DescriptionItem, DescriptionList } from "@govoplan/core-webui";
import { useCallback, useEffect, useMemo, useRef, useState } from "react";
import { Search } from "lucide-react";
import {
@@ -219,14 +220,14 @@ export default function AdminAuditPanel({ settings, auth, systemMode = false }:
footer={}>
{selected && (
<>
-
- - {I18N.scopeLabel}
- {selected.scope}
- - {I18N.actionLabel}
- {selected.action}
- - {I18N.actor}
- {selected.actor_email || I18N.system}
- - {I18N.object}
- {selected.object_type || "-"} {selected.object_id || ""}
- - {I18N.tenantContext}
- {selected.tenant_id || "-"}
- - {I18N.time}
- {formatDateTime(selected.created_at)}
-
+
+ {I18N.scopeLabel}>}>{selected.scope}
+ {I18N.actionLabel}>}>{selected.action}
+ {I18N.actor}>}>{selected.actor_email || I18N.system}
+ {I18N.object}>}>{selected.object_type || "-"} {selected.object_id || ""}
+ {I18N.tenantContext}>}>{selected.tenant_id || "-"}
+ {I18N.time}>}>{formatDateTime(selected.created_at)}
+
{detailRows.length ? (