diff --git a/src/components/01_branch-management/CardDetailsComponent.vue b/src/components/01_branch-management/CardDetailsComponent.vue
index a51fa083..1e3cf460 100644
--- a/src/components/01_branch-management/CardDetailsComponent.vue
+++ b/src/components/01_branch-management/CardDetailsComponent.vue
@@ -11,7 +11,9 @@ defineProps<{
   <div class="q-pa-md">
     <div class="flex q-gutter-x-md" style="align-items: center">
       <Icon icon="ic:baseline-home" />
-      <div class="text-h6">รายละเอียดสำนักงานใหญ่</div>
+      <div class="text-h6">
+        {{ data?.isHeadOffice ? $t('branchHQLabel') : $t('branchLabel') }}
+      </div>
 
       <div
         class="text-h6 color-card-text-code"
@@ -20,7 +22,7 @@ defineProps<{
         {{ data?.code }}
       </div>
       <div
-        class="q-pa-sm"
+        class="q-px-sm"
         style="
           color: var(--teal-6);
           background: hsla(var(--teal-6-hsl) / 0.08);