diff --git a/frontend/wechat/src/components/ArticleListItem.vue b/frontend/wechat/src/components/ArticleListItem.vue
index cde6683..8dcc687 100644
--- a/frontend/wechat/src/components/ArticleListItem.vue
+++ b/frontend/wechat/src/components/ArticleListItem.vue
@@ -33,7 +33,7 @@ const showArticle = (article) => {
     <div class="bg-white rounded-xl shadow-sm overflow-hidden hover:shadow-md transition-shadow duration-200 cursor-pointer"
         @click="showArticle(article)">
         <div v-if="article.head_images && article.head_images.length > 0"
-            class="relative w-full pb-[40%] bg-gray-100 overflow-hidden">
+            class="relative w-full h-32 bg-gray-100 overflow-hidden">
             <img :src="article.head_images[0]"
                 class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 hover:scale-105"
                 :alt="article.title" />