diff --git a/packages/frontend/src/components/MkPagePreview.vue b/packages/frontend/src/components/MkPagePreview.vue
index 3e0f4ffec8..65464956be 100644
--- a/packages/frontend/src/components/MkPagePreview.vue
+++ b/packages/frontend/src/components/MkPagePreview.vue
@@ -11,6 +11,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 			:disableImageLink="true"
 			:controls="false"
 			:cover="true"
+			:class="$style.eyeCatchingImageRoot"
 		/>
 	</div>
 	<article>
@@ -37,6 +38,15 @@ const props = defineProps<{
 }>();
 </script>
 
+<style module>
+.eyeCatchingImageRoot {
+	width: 100%;
+	height: 200px;
+	border-radius: var(--radius) var(--radius) 0 0;
+	overflow: hidden;
+}
+</style>
+
 <style lang="scss" scoped>
 .vhpxefrj {
 	display: block;
@@ -50,13 +60,6 @@ const props = defineProps<{
 		& + article {
 			border-radius: 0 0 var(--radius) var(--radius);
 		}
-
-		> * {
-			width: 100%;
-			height: 200px;
-			border-radius: var(--radius) var(--radius) 0 0;
-			overflow: hidden;
-		}
 	}
 
 	> article {