diff --git a/ts/components/PhotoViewerModal.vue b/ts/components/PhotoViewerModal.vue
index 903284a2..159fff0a 100644
--- a/ts/components/PhotoViewerModal.vue
+++ b/ts/components/PhotoViewerModal.vue
@@ -9,7 +9,7 @@
 		:class="{ 'show d-block': show }"
 		tabindex="-1"
 		v-show="show"
-		@click.self="show = false"
+		@click.self="emit('close')"
 	>
 		<div class="modal-dialog modal-lg modal-dialog-centered">
 			<div class="modal-content">
@@ -21,7 +21,7 @@
 					<button
 						type="button"
 						class="btn-close"
-						@click="show = false"
+						@click="emit('close')"
 					></button>
 				</div>
 				<div class="modal-body text-center">
@@ -91,12 +91,13 @@
 	<div
 		class="modal-backdrop fade show"
 		v-show="show"
-		@click="show = false"
+		@click="emit('close')"
 	></div>
 </template>
 
 <script setup lang="ts">
 interface Emits {
+	(e: "close"): void;
 	(e: "imageNext"): void;
 	(e: "imagePrevious"): void;
 }
diff --git a/ts/view/Communication.vue b/ts/view/Communication.vue
index fb20b0fa..42ee6008 100644
--- a/ts/view/Communication.vue
+++ b/ts/view/Communication.vue
@@ -30,6 +30,7 @@
 		</template>
 	</ThreeColumn>
 	<PhotoViewerModal
+		@close="showPhotoModal = false"
 		@imageNext="imageNext()"
 		@imagePrevious="imagePrevious()"
 		:images="currentImages"