diff --git a/packages/client/src/components/MkMediaList.vue b/packages/client/src/components/MkMediaList.vue
index fb3dab3243..cd38196c15 100644
--- a/packages/client/src/components/MkMediaList.vue
+++ b/packages/client/src/components/MkMediaList.vue
@@ -16,6 +16,7 @@
 				:data-count="
 					mediaList.filter((media) => previewable(media)).length
 				"
+				@click.stop
 			>
 				<template
 					v-for="media in mediaList.filter((media) =>
@@ -26,7 +27,6 @@
 						v-if="media.type.startsWith('video')"
 						:key="media.id"
 						:video="media"
-						@click.stop
 					/>
 					<XImage
 						v-else-if="media.type.startsWith('image')"
@@ -35,7 +35,6 @@
 						:data-id="media.id"
 						:image="media"
 						:raw="raw"
-						@click.stop
 					/>
 				</template>
 			</div>
@@ -190,6 +189,7 @@ const previewable = (file: misskey.entities.DriveFile): boolean => {
 		margin-top: 4px;
 		border-radius: var(--radius);
 		overflow: hidden;
+		pointer-events: none;
 
 		&:before {
 			content: "";
@@ -209,6 +209,7 @@ const previewable = (file: misskey.entities.DriveFile): boolean => {
 			> * {
 				overflow: hidden;
 				border-radius: 6px;
+				pointer-events: all;
 			}
 
 			&[data-count="1"] {