diff --git a/components/modal/style/modal.less b/components/modal/style/modal.less
index 1d879696ef..cd0e0945cd 100644
--- a/components/modal/style/modal.less
+++ b/components/modal/style/modal.less
@@ -148,8 +148,8 @@
 
 @media (max-width: @screen-sm-max) {
   .@{dialog-prefix-cls} {
-    width: auto !important;
-    margin: 10px;
+    max-width: calc(100vw - 16px);
+    margin: 8px;
   }
   .@{dialog-prefix-cls}-centered {
     .@{dialog-prefix-cls} {