diff --git a/src/global.less b/src/global.less
index d27b32b6..3c15b98d 100644
--- a/src/global.less
+++ b/src/global.less
@@ -815,3 +815,11 @@ body {
 .ant-pro-footer-bar {
   padding-inline: 0 !important;
 }
+
+.ant-modal-root .ant-modal-mask.ant-modal-mask-blur {
+  backdrop-filter: blur(2px);
+}
+
+.ant-drawer .ant-drawer-mask.ant-drawer-mask-blur {
+  backdrop-filter: blur(2px);
+}
diff --git a/src/layouts/index.tsx b/src/layouts/index.tsx
index 1871639c..7a82caea 100644
--- a/src/layouts/index.tsx
+++ b/src/layouts/index.tsx
@@ -321,12 +321,12 @@ export default (props: any) => {
       }}
       modal={{
         mask: {
-          blur: false
+          blur: true
         }
       }}
       drawer={{
         mask: {
-          blur: false
+          blur: true
         }
       }}
     >