diff --git a/resources/js/pages/patients/NotesPanel.vue b/resources/js/pages/patients/NotesPanel.vue
index 18b49cb..acb8849 100644
--- a/resources/js/pages/patients/NotesPanel.vue
+++ b/resources/js/pages/patients/NotesPanel.vue
@@ -74,7 +74,8 @@ const downloadImage = async (imageUrl) => {
               {{p_note.note}}
             </span>
           <span class="app-timeline-title" v-if="p_note.note_type == 'file'">
-                <img :src="p_note.note" @click="downloadImage(p_note.note)" />
+              
+          <VIcon>ri-attachment-2</VIcon>  <button @click="downloadImage(p_note.note)">Download Image</button>
          
           </span>
             <span class="app-timeline-meta">{{ formatDateDate(p_note.created_at) }}</span>
diff --git a/resources/js/pages/providers/NotesPanel.vue b/resources/js/pages/providers/NotesPanel.vue
index a795d39..0f8f940 100644
--- a/resources/js/pages/providers/NotesPanel.vue
+++ b/resources/js/pages/providers/NotesPanel.vue
@@ -76,7 +76,7 @@ const downloadFile = (fileUrl) => {
             </span>
          
               <span class="app-timeline-title" v-if="p_note.note_type == 'file'">
-                <img :src="p_note.note" @click="downloadImage(p_note.note)" />
+                 <VIcon>ri-attachment-2</VIcon>  <button @click="downloadImage(p_note.note)">Download Image</button>
          
           </span>