diff --git a/packages/semi-foundation/upload/upload.scss b/packages/semi-foundation/upload/upload.scss
index 9377cd09f9..a7c6847c8a 100644
--- a/packages/semi-foundation/upload/upload.scss
+++ b/packages/semi-foundation/upload/upload.scss
@@ -474,7 +474,7 @@ $module: #{$prefix}-upload;
             }
 
             &-error {
-                outline: 1px solid $color-upload_picture_file_card_error-border;
+                border: 1px solid $color-upload_picture_file_card_error-border;
             }
 
             &:hover {
diff --git a/packages/semi-ui/upload/_story/upload.stories.jsx b/packages/semi-ui/upload/_story/upload.stories.jsx
index 0cf03666c8..269971728a 100644
--- a/packages/semi-ui/upload/_story/upload.stories.jsx
+++ b/packages/semi-ui/upload/_story/upload.stories.jsx
@@ -1323,4 +1323,17 @@ export const Unmount = () => {
             <button onClick={toggle}>toggle upload mount</button>
         </>
     );
-};
\ No newline at end of file
+};
+
+export const fix2448 = () => {
+  let action = 'http://xxx';
+    return (
+        <>
+          <Form>
+            <Form.Upload action={action} listType="picture" accept="image/*" multiple >
+              <IconPlus size="extra-large" />
+            </Form.Upload>
+          </Form>
+        </>
+    );
+}
\ No newline at end of file