diff --git a/resources/js/pages/medicines/medicines.vue b/resources/js/pages/medicines/medicines.vue
index 9596992..8c0af87 100644
--- a/resources/js/pages/medicines/medicines.vue
+++ b/resources/js/pages/medicines/medicines.vue
@@ -403,18 +403,18 @@ onMounted(() => {
         class="text-no-wrap"
       >
         <!-- full name -->
-        <template #item.name="{ item }">
+        <template #item.title="{ item }">
           <div class="d-flex align-center">
             <!-- avatar -->
             <VAvatar
               size="32"
-              :color="item.avatar ? '' : 'primary'"
-              :class="item.avatar ? '' : 'v-avatar-light-bg primary--text'"
-              :variant="!item.avatar ? 'tonal' : undefined"
+              :color="item.image_url ? '' : 'primary'"
+              :class="item.image_url ? '' : 'v-avatar-light-bg primary--text'"
+              :variant="!item.image_url ? 'tonal' : undefined"
             >
               <VImg
-                v-if="item.avatar"
-                :src="item.avatar"
+                v-if="item.image_url"
+                :src="item.image_url"
               />
               <span
                 v-else
@@ -423,7 +423,7 @@ onMounted(() => {
             </VAvatar>
 
             <div class="d-flex flex-column ms-3">
-              <span class="d-block font-weight-medium text-high-emphasis text-truncate">{{ item.name }}</span>
+              <span class="d-block font-weight-medium text-high-emphasis text-truncate">{{ item.title }}</span>
           
             </div>
           </div>