diff --git a/components/modal/ModalContainer.vue b/components/modal/ModalContainer.vue
index 25ba1d62..4680a28e 100644
--- a/components/modal/ModalContainer.vue
+++ b/components/modal/ModalContainer.vue
@@ -71,9 +71,10 @@ const handleFavouritedBoostedByClose = () => {
       />
     </ModalDialog>
     <ModalDialog
-      v-model="isMediaPreviewOpen"
+      :model-value="isMediaPreviewOpen"
       w-full max-w-full h-full max-h-full
       bg-transparent border-0 shadow-none
+      @update:model-value="closeMediaPreview"
     >
       <ModalMediaPreview v-if="isMediaPreviewOpen" @close="closeMediaPreview()" />
     </ModalDialog>