diff --git a/src/components/formFields/upload/index.less b/src/components/formFields/upload/index.less
index 0aeef576b64d363dc58650f6b924735ed4dc3b5c..3830e444830f7c5b222f9cb7163d570a8cafa35d 100644
--- a/src/components/formFields/upload/index.less
+++ b/src/components/formFields/upload/index.less
@@ -3,6 +3,13 @@
     width: 100%;
   }
 }
+
+.ccms-antd-upload-image-box {
+  &>:global(.ant-upload-select) {
+    width: auto;
+  }
+}
+
 .ccms-antd-upload-image {
   width: 120px;
   height: 120px;
diff --git a/src/components/formFields/upload/index.tsx b/src/components/formFields/upload/index.tsx
index 6c0df772125ef6af2e544a1abda6db60bc1c8cfa..91ec10facc18d85ffdc55d03cab2b8c5bc0c51d9 100644
--- a/src/components/formFields/upload/index.tsx
+++ b/src/components/formFields/upload/index.tsx
@@ -22,7 +22,7 @@ export default class UploadFieldComponent extends UploadField {
     return (
       <React.Fragment>
         <AntdUpload
-          className={styles['ccms-antd-upload']}
+          className={`${styles['ccms-antd-upload']} ${mode === 'image' ? styles['ccms-antd-upload-image-box'] : ''}`}
           beforeUpload={async (file) => {
             await onChange(file)
           }}