diff --git a/ts/components/CommunicationColumnDetail.vue b/ts/components/CommunicationColumnDetail.vue
index d144f5a2..8a76af57 100644
--- a/ts/components/CommunicationColumnDetail.vue
+++ b/ts/components/CommunicationColumnDetail.vue
@@ -57,7 +57,7 @@
 				</div>
 
 				<div v-if="selectedCommunication" class="h-100 d-flex flex-column">
-					<PublicreportCard :report="selectedCommunication.public_report"/>
+					<PublicreportCard :report="selectedCommunication.public_report" @viewImage="openPhotoViewer" />
 					<!-- Report Details -->
 				</div>
 			</div>
@@ -90,7 +90,6 @@ const nuisance = computed(() => {
 const water = computed(() => {
 	return props.selectedCommunication?.value?.public_report?.water || null;
 });
-
 function openPhotoViewer(index) {
 	emit("viewImage", index);
 }
diff --git a/ts/components/PublicreportCard.vue b/ts/components/PublicreportCard.vue
index 7cbdbba8..d9db6e72 100644
--- a/ts/components/PublicreportCard.vue
+++ b/ts/components/PublicreportCard.vue
@@ -361,4 +361,7 @@ function formatAddress(a) {
 	}
 	return `${a.number} ${a.street}, ${a.locality}`;
 }
+function openPhotoViewer(index) {
+	emit("viewImage", index);
+}
 </script>