diff --git a/src/modules/02_organization/components/TreeMain.vue b/src/modules/02_organization/components/TreeMain.vue
index b8ad0c228..cfb53cde5 100644
--- a/src/modules/02_organization/components/TreeMain.vue
+++ b/src/modules/02_organization/components/TreeMain.vue
@@ -436,8 +436,15 @@ watch(
               class="row col-12 text-dark items-center q-py-xs q-pl-sm rounded-borders my-list"
             >
               <div>
-                <div class="text-weight-medium">
+                <div
+                  :class="
+                    prop.node.isOfficer
+                      ? 'text-weight-medium text-blue'
+                      : 'text-weight-medium'
+                  "
+                >
                   {{ prop.node.orgTreeName }}
+                  {{ prop.node.isOfficer ? "(สกจ.)" : "" }}
                 </div>
                 <div class="text-weight-light text-grey-8">
                   {{ prop.node.orgCode == null ? null : prop.node.orgCode }}
diff --git a/src/modules/02_organization/interface/response/organizational.ts b/src/modules/02_organization/interface/response/organizational.ts
index 34b1dc941..4bb9717f8 100644
--- a/src/modules/02_organization/interface/response/organizational.ts
+++ b/src/modules/02_organization/interface/response/organizational.ts
@@ -35,6 +35,7 @@ interface OrgTree {
   orgTreePhoneIn: string;
   orgTreeFax: string;
   orgRevisionId: string;
+  isOfficer: boolean;
   children: OrgTree[];
 }