diff --git a/src/views/cartoon/myOrder.vue b/src/views/cartoon/myOrder.vue
index 99d4a1d..33bbaa4 100644
--- a/src/views/cartoon/myOrder.vue
+++ b/src/views/cartoon/myOrder.vue
@@ -104,20 +104,21 @@ function getStatus(status: number) {
 
 .order-item {
   position: relative;
-  width: calc(50vw - 4px);
-  height: calc(50vw - 4px);
+  width: calc(45vw - 4px);
+  height: calc(45vw - 4px);
   box-shadow: 0 2px 8px rgba(0,0,0,0.08);
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   border-radius: 12px;
+  background: #f5f5f5;
 }
 
 .order-img {
   width: 100%;
   height: 100%;
-  object-fit: cover;
+  object-fit: contain;
   border-radius: 12px;
 }