diff --git a/packages/web-vue/components/modal/style/index.less b/packages/web-vue/components/modal/style/index.less
index c33d4ebc1..1b787d203 100644
--- a/packages/web-vue/components/modal/style/index.less
+++ b/packages/web-vue/components/modal/style/index.less
@@ -113,8 +113,8 @@
   }
 
   &-footer {
-    box-sizing: border-box;
     flex-shrink: 0;
+    box-sizing: border-box;
     width: 100%;
     padding: @modal-default-padding-footer-vertical
       @modal-default-padding-horizontal;
@@ -263,7 +263,7 @@
   opacity: 1;
 }
 
-.fad-modal-enter-active,
+.fade-modal-enter-active,
 .fade-modal-appear-active {
   transition: opacity @transition-duration-4
     @transition-timing-function-overshoot;