diff --git a/packages/devui-vue/devui/alert/src/alert.scss b/packages/devui-vue/devui/alert/src/alert.scss
index c4bd6eb234e60806aee3dc5809022119fa1fd9fd..68704fc1ac487e2760b834fb53aaaa092e8ad352 100644
--- a/packages/devui-vue/devui/alert/src/alert.scss
+++ b/packages/devui-vue/devui/alert/src/alert.scss
@@ -8,16 +8,17 @@
   color: $devui-text;
   font-size: $devui-font-size;
   border: 1px solid transparent;
-  padding: 10px;
-  line-height: 20px;
+  padding: 8px 16px;
+  line-height: 24px;
   border-radius: $devui-border-radius;
-  padding-left: 16px;
   word-break: normal;
   word-wrap: break-word;
 
-  button.devui-close {
+  .devui-close {
     color: $devui-text;
     opacity: 1;
+    line-height: 26px;
+    height: 24px;
 
     & > svg path {
       fill: $devui-light-text;
@@ -35,7 +36,7 @@
     border-color: $devui-success-line;
     color: $devui-text;
 
-    button.devui-close {
+    .devui-close {
       & > svg path {
         fill: $devui-success-line;
       }
@@ -47,7 +48,7 @@
     border-color: $devui-info-line;
     color: $devui-text;
 
-    button.devui-close {
+    .devui-close {
       & > svg path {
         fill: $devui-info-line;
       }
@@ -59,7 +60,7 @@
     border-color: $devui-warning-line;
     color: $devui-text;
 
-    button.devui-close {
+    .devui-close {
       & > svg path {
         fill: $devui-warning-line;
       }
@@ -71,7 +72,7 @@
     border-color: $devui-danger-line;
     color: $devui-text;
 
-    button.devui-close {
+    .devui-close {
       & > svg path {
         fill: $devui-danger-line;
       }
diff --git a/packages/devui-vue/devui/alert/src/alert.tsx b/packages/devui-vue/devui/alert/src/alert.tsx
index d9e42d0ce019d033721a31bab4dbddaf7a2d50f0..afd1b29f9770d08844389356bdc95db776876cb6 100644
--- a/packages/devui-vue/devui/alert/src/alert.tsx
+++ b/packages/devui-vue/devui/alert/src/alert.tsx
@@ -70,9 +70,9 @@ export default defineComponent({
             }`}
           >
             {props.closeable ? (
-              <button type="button" class="devui-close" onClick={close}>
+              <div class="devui-close" onClick={close}>
                 <AlertCloseIcon></AlertCloseIcon>
-              </button>
+              </div>
             ) : null}
             {props.showIcon !== false && props.type !== 'simple' ? (
               <span class="devui-alert-icon">