diff --git a/frontend/pages/square/components/HotCategoryBlock.vue b/frontend/pages/square/components/HotCategoryBlock.vue
index caae92b..89952f1 100644
--- a/frontend/pages/square/components/HotCategoryBlock.vue
+++ b/frontend/pages/square/components/HotCategoryBlock.vue
@@ -147,7 +147,7 @@ defineExpose({
 }
 
 .skeleton-card {
-  width: 48%;
+  width: calc(25% - 12rpx);
   margin-bottom: 16rpx;
   background: rgba(255, 255, 255, 0.1);
   border-radius: 16rpx;
@@ -200,7 +200,7 @@ defineExpose({
 }
 
 .grid-card {
-  width: 48%;
+  width: calc(25% - 12rpx);
   margin-bottom: 16rpx;
   background: rgba(255, 255, 255, 0.15);
   border-radius: 16rpx;