diff --git a/modules/helpdesk/web/js/helpdesk-communication.js b/modules/helpdesk/web/js/helpdesk-communication.js
index c080c92..f28d3ed 100644
--- a/modules/helpdesk/web/js/helpdesk-communication.js
+++ b/modules/helpdesk/web/js/helpdesk-communication.js
@@ -128,7 +128,7 @@ export function renderCommunicationFeed(entries, options = {}) {
       html += `</span>`;
       html += `<span class="helpdesk-chat-file-preview">`;
       html += `<span class="helpdesk-chat-file-skeleton helpdesk-skeleton"></span>`;
-      html += `<a data-fslightbox="ticket-files" href="${esc(imgUrl)}" aria-label="${esc(fileName)}"><img src="${esc(imgUrl)}" alt="${esc(fileName)}" loading="lazy" onload="this.closest('.helpdesk-chat-file-preview').querySelector('.helpdesk-chat-file-skeleton').hidden=true" onerror="this.closest('.helpdesk-chat-file-preview').hidden=true"></a>`;
+      html += `<a data-fslightbox="ticket-files" href="${esc(imgUrl)}" data-type="image" aria-label="${esc(fileName)}"><img src="${esc(imgUrl)}" alt="${esc(fileName)}" loading="lazy" onload="this.closest('.helpdesk-chat-file-preview').querySelector('.helpdesk-chat-file-skeleton').hidden=true" onerror="this.closest('.helpdesk-chat-file-preview').hidden=true"></a>`;
       html += `</span>`;
       html += `<a href="${esc(fileUrl)}" target="_blank" rel="noopener noreferrer" class="helpdesk-chat-file-link"><i class="bi bi-download" aria-hidden="true"></i> ${esc(fileName)}</a>`;
       html += '</div>';