diff --git a/portal-ui/src/components/VideoComposeCard.vue b/portal-ui/src/components/VideoComposeCard.vue
index 60c400d..a70ed57 100644
--- a/portal-ui/src/components/VideoComposeCard.vue
+++ b/portal-ui/src/components/VideoComposeCard.vue
@@ -236,6 +236,7 @@
 	<a-modal
 		v-model:visible="assetPickerVisible"
 		title="选择素材"
+		width="620px"
 		:ok-button-props="{ disabled: !assetPickerSelectedKeys.length }"
 		@ok="confirmPickAssets">
 		<div class="vg-asset-picker">
@@ -2008,26 +2009,30 @@ defineExpose({
 }
 
 .vg-asset-picker {
-	display: flex;
-	flex-direction: column;
-	gap: 8px;
+	display: grid;
+	grid-template-columns: repeat(3, minmax(0, 1fr));
+	gap: 10px;
 	max-height: 420px;
 	overflow: auto;
 }
 
 .vg-asset-picker-item {
-	display: grid;
-	grid-template-columns: 18px 56px 1fr;
-	gap: 8px;
+	display: flex;
+	flex-direction: column;
 	align-items: center;
+	gap: 8px;
 	padding: 8px;
 	border: 1px solid rgba(255, 255, 255, 0.08);
 	border-radius: 8px;
 }
 
+.vg-asset-picker-item > input[type='checkbox'] {
+	align-self: flex-start;
+}
+
 .vg-asset-picker-preview {
-	width: 56px;
-	height: 56px;
+	width: 112px;
+	height: 112px;
 	border-radius: 6px;
 	overflow: hidden;
 	background: rgba(255, 255, 255, 0.06);
@@ -2044,12 +2049,20 @@ defineExpose({
 }
 
 .vg-asset-picker-name {
+	width: 100%;
+	text-align: center;
 	font-size: 12px;
 	color: rgba(255, 255, 255, 0.85);
 	word-break: break-all;
+	display: -webkit-box;
+	-webkit-line-clamp: 2;
+	line-clamp: 2;
+	-webkit-box-orient: vertical;
+	overflow: hidden;
 }
 
 .vg-asset-picker-empty {
+	grid-column: 1 / -1;
 	color: rgba(255, 255, 255, 0.6);
 	font-size: 12px;
 	padding: 8px 0;