diff --git a/app/components/app/specialist/detail/index.vue b/app/components/app/specialist/detail/index.vue
index faa5234c..3f32a78f 100644
--- a/app/components/app/specialist/detail/index.vue
+++ b/app/components/app/specialist/detail/index.vue
@@ -29,7 +29,9 @@ defineProps<{
 <template>
   <DetailRow label="Kode">{{ specialist.code || '-' }}</DetailRow>
   <DetailRow label="Nama">{{ specialist.name || '-' }}</DetailRow>
-  <DetailRow label="Unit">{{ specialist.unit?.name || '-' }}</DetailRow>
+  <DetailRow label="Unit">
+    {{ [specialist.unit?.code, specialist.unit?.name].filter(Boolean).join(' / ') || '-' }}
+  </DetailRow>
 </template>
 
 <style scoped></style>
diff --git a/app/components/content/specialist/detail.vue b/app/components/content/specialist/detail.vue
index 7387900d..df4e79b6 100644
--- a/app/components/content/specialist/detail.vue
+++ b/app/components/content/specialist/detail.vue
@@ -117,7 +117,9 @@ const headerPrep: HeaderPrep = {
 // #region Lifecycle Hooks
 onMounted(async () => {
   try {
-    const result = await getDetailSpecialist(props.specialistId)
+    const result = await getDetailSpecialist(props.specialistId, {
+      includes: 'unit',
+    })
     if (result.success) {
       specialist.value = result.body.data || {}
     }
diff --git a/app/services/specialist.service.ts b/app/services/specialist.service.ts
index c2c34e3f..ee955421 100644
--- a/app/services/specialist.service.ts
+++ b/app/services/specialist.service.ts
@@ -15,8 +15,8 @@ export function getList(params: any = null) {
   return base.getList(path, params, name)
 }
 
-export function getDetail(id: number | string) {
-  return base.getDetail(path, id, name)
+export function getDetail(id: number | string, params?: any) {
+  return base.getDetail(path, id, name, params)
 }
 
 export function update(id: number | string, data: any) {