diff --git a/public/img/bank/bay.png b/public/img/bank/bay.png
new file mode 100644
index 00000000..26b9ff90
Binary files /dev/null and b/public/img/bank/bay.png differ
diff --git a/public/img/bank/bbl.png b/public/img/bank/bbl.png
new file mode 100644
index 00000000..495a6842
Binary files /dev/null and b/public/img/bank/bbl.png differ
diff --git a/public/img/bank/gsb.png b/public/img/bank/gsb.png
new file mode 100644
index 00000000..87b018d4
Binary files /dev/null and b/public/img/bank/gsb.png differ
diff --git a/public/img/bank/kbank.png b/public/img/bank/kbank.png
new file mode 100644
index 00000000..e445c512
Binary files /dev/null and b/public/img/bank/kbank.png differ
diff --git a/public/img/bank/kkp.png b/public/img/bank/kkp.png
new file mode 100644
index 00000000..16f5eba1
Binary files /dev/null and b/public/img/bank/kkp.png differ
diff --git a/public/img/bank/ktb.png b/public/img/bank/ktb.png
new file mode 100644
index 00000000..a6bb2f0d
Binary files /dev/null and b/public/img/bank/ktb.png differ
diff --git a/public/img/bank/scb.png b/public/img/bank/scb.png
new file mode 100644
index 00000000..6b7ccba3
Binary files /dev/null and b/public/img/bank/scb.png differ
diff --git a/public/img/bank/ttb.png b/public/img/bank/ttb.png
new file mode 100644
index 00000000..d7447694
Binary files /dev/null and b/public/img/bank/ttb.png differ
diff --git a/public/img/bank/uob.png b/public/img/bank/uob.png
new file mode 100644
index 00000000..997d47b2
Binary files /dev/null and b/public/img/bank/uob.png differ
diff --git a/public/option/option.json b/public/option/option.json
index 77579dc6..89d2b711 100644
--- a/public/option/option.json
+++ b/public/option/option.json
@@ -23,7 +23,7 @@
       },
       {
         "label": "UOB Bank",
-        "value": "uobt"
+        "value": "uob"
       },
       {
         "label": "Krungsri Bank",
@@ -807,7 +807,7 @@
       },
       {
         "label": "ธนาคารยูโอบี",
-        "value": "uobt"
+        "value": "uob"
       },
       {
         "label": "ธนาคารกรุงศรีอยุธยา",
diff --git a/src/components/01_branch-management/FormBank.vue b/src/components/01_branch-management/FormBank.vue
index a5c61c16..abcce66d 100644
--- a/src/components/01_branch-management/FormBank.vue
+++ b/src/components/01_branch-management/FormBank.vue
@@ -95,6 +95,12 @@ watch(
       :class="{ 'q-pt-lg': i !== 0 }"
       :key="i"
     >
+      <q-separator
+        v-if="i > 0"
+        class="full-width"
+        style="padding-block: 0.1px"
+        spaced="lg"
+      />
       <span class="col-12 app-text-muted-2 flex justify-between items-center">
         {{ `${$t('bankBookNo')} ${i + 1}` }}
         <q-btn
@@ -130,6 +136,25 @@ watch(
         for="select-bankbook"
         @filter="bankBoookFilter"
       >
+        <template v-slot:option="scope">
+          <q-item
+            v-if="scope.opt"
+            v-bind="scope.itemProps"
+            class="row items-center col-12"
+          >
+            <q-item-section avatar>
+              <q-img
+                :src="`/img/bank/${scope.opt.value}.png`"
+                class="bordered"
+                style="border-radius: 50%"
+              />
+            </q-item-section>
+            <q-item-section>
+              {{ scope.opt.label }}
+            </q-item-section>
+          </q-item>
+        </template>
+
         <template v-slot:no-option>
           <q-item>
             <q-item-section class="text-grey">