diff --git a/frontend/admin/src/pages/PostCreatePage.vue b/frontend/admin/src/pages/PostCreatePage.vue
index 5fae412..1442f42 100644
--- a/frontend/admin/src/pages/PostCreatePage.vue
+++ b/frontend/admin/src/pages/PostCreatePage.vue
@@ -289,13 +289,13 @@ const loadHeadImagePreviews = async () => {
                                 <Button label="更换图片" icon="pi pi-plus" @click="openMediaDialog('headImages')"
                                     outlined />
                             </div>
-                            <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
+                            <div class="grid grid-cols-2 md:grid-cols-3 gap-4">
                                 <div v-for="(media, index) in post.head_images" :key="media.id"
                                     class="relative aspect-video">
                                     <img v-if="headImageUrls[index]" :src="headImageUrls[index].url"
-                                        class="w-full h-full object-cover rounded" :alt="media.name">
-                                    <Button icon="pi pi-times" 9, 10
-                                        class="absolute top-2 right-2 p-button-rounded p-button-danger p-button-sm"
+                                        class="w-full h-full object-cover rounded bg-gray-200" :alt="media.name">
+                                    <Button icon="pi pi-times"
+                                        class="absolute! top-2 right-2 p-button-rounded p-button-danger p-button-sm"
                                         @click="removeHeadImage(media)" />
                                 </div>
                             </div>