diff --git a/src/components/01_branch-management/FormImage.vue b/src/components/01_branch-management/FormImage.vue
index 50263e39..40855137 100644
--- a/src/components/01_branch-management/FormImage.vue
+++ b/src/components/01_branch-management/FormImage.vue
@@ -21,7 +21,16 @@ defineEmits<{
     style="min-height: 150px"
   >
     <div class="col-12 flex flex-center" v-if="image">
-      <q-img :src="image as string" style="width: 150px; height: 150px" />
+      <q-img :src="image as string" style="width: 150px; height: 150px">
+        <template #error>
+          <div
+            style="background: none"
+            class="full-width full-height items-center justify-center flex"
+          >
+            <q-img src="/no-data.png" width="5rem" />
+          </div>
+        </template>
+      </q-img>
     </div>
     <div class="col-12 flex flex-center q-py-md" v-if="!readonly">
       <q-btn
diff --git a/src/components/01_branch-management/FormQr.vue b/src/components/01_branch-management/FormQr.vue
index 6875f2f0..67172ff4 100644
--- a/src/components/01_branch-management/FormQr.vue
+++ b/src/components/01_branch-management/FormQr.vue
@@ -22,11 +22,16 @@ defineEmits<{
     class="col-9 row q-mt-lg branch-form-show-qr-code"
   >
     <div class="col-12 flex flex-center">
-      <q-img
-        v-if="qr"
-        :src="qr as string"
-        style="width: 150px; height: 150px"
-      />
+      <q-img v-if="qr" :src="qr as string" style="width: 150px; height: 150px">
+        <template #error>
+          <div
+            style="background: none"
+            class="full-width full-height items-center justify-center flex"
+          >
+            <q-img src="/no-data.png" width="5rem" />
+          </div>
+        </template>
+      </q-img>
 
       <q-btn
         @click="$emit('upload')"