diff --git a/packages/theme-chalk/src/common/var.scss b/packages/theme-chalk/src/common/var.scss
index a87c1d4c32..09319b41d2 100644
--- a/packages/theme-chalk/src/common/var.scss
+++ b/packages/theme-chalk/src/common/var.scss
@@ -1565,6 +1565,10 @@ $upload: map.merge(
   (
     'dragger-padding-horizontal': 40px,
     'dragger-padding-vertical': 10px,
+    'list-picture-card-size': var(
+        #{getCssVarName('upload', 'picture-card-size')}
+      ),
+    'picture-card-size': 148px,
   ),
   $upload
 );
diff --git a/packages/theme-chalk/src/upload.scss b/packages/theme-chalk/src/upload.scss
index 0162696b8b..c90010824a 100644
--- a/packages/theme-chalk/src/upload.scss
+++ b/packages/theme-chalk/src/upload.scss
@@ -77,8 +77,6 @@
 
   /* Picture Card for Wall */
   @include m(picture-card) {
-    @include set-css-var-value(('upload', 'picture-card', 'size'), 148px);
-
     background-color: getCssVar('fill-color', 'lighter');
     border: 1px dashed getCssVar('border-color', 'darker');
     border-radius: 6px;
@@ -167,6 +165,10 @@
   }
 }
 
+@include b(upload-list) {
+  @include set-component-css-var('upload', $upload);
+}
+
 @include b(upload-list) {
   margin: 10px 0 0;
   padding: 0;
@@ -343,8 +345,6 @@
 
   // upload-list
   @include m(picture-card) {
-    @include set-css-var-value(('upload-list', 'picture-card', 'size'), 148px);
-
     display: inline-flex;
     flex-wrap: wrap;
     margin: 0;