diff --git a/ordinis-admin-ui/src/components/record/RecordHistoryDrawer.tsx b/ordinis-admin-ui/src/components/record/RecordHistoryDrawer.tsx
index 726a262..45eee68 100644
--- a/ordinis-admin-ui/src/components/record/RecordHistoryDrawer.tsx
+++ b/ordinis-admin-ui/src/components/record/RecordHistoryDrawer.tsx
@@ -4,6 +4,7 @@ import { Badge, Button, Drawer, LoadingBlock, QueryErrorState } from '@/ui'
 import { ArrowsLeftRightIcon, ArrowCounterClockwiseIcon, BracketsCurlyIcon, InfoIcon } from '@phosphor-icons/react'
 import { useRecordHistory } from '@/api/queries'
 import { RecordDependentsPanel } from '@/components/lineage/RecordDependentsPanel'
+import { UserCell } from '@/lib/useUserDisplay'
 
 type Props = {
   open: boolean
@@ -106,8 +107,9 @@ export const RecordHistoryDrawer = ({
                       </div>
                     )}
                     {rec.updatedBy && (
-                      <div>
-                        <span className="font-mono">{t('history.updatedBy')}:</span> {rec.updatedBy}
+                      <div className="inline-flex items-center gap-1">
+                        <span className="font-mono">{t('history.updatedBy')}:</span>{' '}
+                        <UserCell uuid={rec.updatedBy} />
                       </div>
                     )}
                   </div>
diff --git a/ordinis-admin-ui/src/routes/reviews.tsx b/ordinis-admin-ui/src/routes/reviews.tsx
index 7b8b949..925d85d 100644
--- a/ordinis-admin-ui/src/routes/reviews.tsx
+++ b/ordinis-admin-ui/src/routes/reviews.tsx
@@ -526,8 +526,8 @@ function ReviewDrawer({ draftId, onClose }: DrawerProps) {
             <div className="flex flex-wrap items-center gap-2 text-cell">
               <Badge variant={operationVariant(draft.operation)}>{draft.operation}</Badge>
               <span className="font-mono">{draft.businessKey}</span>
-              <span className="text-mute">
-                {t('reviews.drawer.maker')}: {draft.makerId}
+              <span className="text-mute inline-flex items-center gap-1">
+                {t('reviews.drawer.maker')}: <UserCell uuid={draft.makerId} />
               </span>
               <span className="text-mute">
                 {t('reviews.drawer.submitted')}:{' '}
diff --git a/ordinis-admin-ui/src/routes/webhooks.$id.tsx b/ordinis-admin-ui/src/routes/webhooks.$id.tsx
index 3f1c36a..d982a3f 100644
--- a/ordinis-admin-ui/src/routes/webhooks.$id.tsx
+++ b/ordinis-admin-ui/src/routes/webhooks.$id.tsx
@@ -1,6 +1,7 @@
 import { useState } from 'react'
 import { createFileRoute, Link } from '@tanstack/react-router'
 import { useTranslation } from 'react-i18next'
+import { UserCell } from '@/lib/useUserDisplay'
 import {
   Alert,
   Badge,
@@ -231,8 +232,8 @@ function WebhookDetailPage() {
             <code className="text-mono">{data.hmacSecret}</code>
           </InfoRow>
           <InfoRow label={t('webhooks.field.createdBy')}>
-            <span className="text-cell">
-              {data.createdBy} · {new Date(data.createdAt).toLocaleString()}
+            <span className="text-cell inline-flex items-center gap-1">
+              <UserCell uuid={data.createdBy} /> · {new Date(data.createdAt).toLocaleString()}
             </span>
           </InfoRow>
         </div>