diff --git a/packages/frontend/src/components/MkMediaList.vue b/packages/frontend/src/components/MkMediaList.vue
index 6df3541e2a..11c0cb66b0 100644
--- a/packages/frontend/src/components/MkMediaList.vue
+++ b/packages/frontend/src/components/MkMediaList.vue
@@ -203,7 +203,7 @@ const previewable = (file: misskey.entities.DriveFile): boolean => {
 		min-height: 64px;
 		max-height: clamp(
 			64px,
-			calc(100svh * 0.5),
+			calc(var(--containerHeight, 100svh) * 0.5), // but --containerHeight can broken (too big)
 			min(360px, 50vh)
 		);