diff --git a/src/components/modal/index.less b/src/components/modal/index.less
index 7e366d234..09df329a9 100644
--- a/src/components/modal/index.less
+++ b/src/components/modal/index.less
@@ -23,7 +23,6 @@
 @confirm-loading-border-top: 1px solid @color-white;
 
 .@{modal-prefix-cls} {
-  font-family: Tahoma, 'Microsoft Yahei', sans-serif;
   position: fixed;
   top: 0;
   right: 0;
@@ -281,11 +280,10 @@
   }
 
   .icon-style {
-    font-size: 32px;
+    font-size: 24px;
+    line-height: 24px;
     vertical-align: text-top;
     margin-right: 8px;
-    position: relative;
-    top: -4px;
   }
 
   .confirm-style {
diff --git a/src/components/notification/notification-body/index.less b/src/components/notification/notification-body/index.less
index 174b05c3b..20aee2468 100644
--- a/src/components/notification/notification-body/index.less
+++ b/src/components/notification/notification-body/index.less
@@ -1,97 +1,97 @@
 @import '../../style/index';
 
 .@{prefix}-notification {
-    display: flex;
-    align-items: baseline;
-    gap: 9px;
-    padding: 20px;
-    background: #FFFFFF;
-    box-shadow: 0 4px 12px 0 rgba(0,0,0,0.1), 0 0 1px 0 rgba(0,0,0,0.3);
-    border-radius: 12px;
-
-    &.small {
-        border-radius: 3px;
-    }
+  display: flex;
+  align-items: baseline;
+  gap: 9px;
+  padding: 20px;
+  background: #ffffff;
+  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1), 0 0 1px 0 rgba(0, 0, 0, 0.3);
+  border-radius: 12px;
 
-    &.middle {
-        border-radius: 6px;
-    }
+  &.small {
+    border-radius: 3px;
+  }
 
-    &.light-theme {
-        color: white;
+  &.middle {
+    border-radius: 6px;
+  }
 
-        .info-icon {
-            color: white!important;
-        }
+  &.light-theme {
+    color: white;
 
-        header,
-        main,
-        header i.close-icon {
-            color: white;
-        }
+    .info-icon {
+      color: white !important;
     }
 
-    &-content {
-        flex: 1;
+    header,
+    main,
+    header i.close-icon {
+      color: @gray-7;
     }
+  }
 
-    .info-icon {
-        position: relative;
-        top: 2px;
-        font-size: 20px;
+  &-content {
+    flex: 1;
+  }
 
-        &.info {
-            color: #496BF5;
-        }
+  .info-icon {
+    position: relative;
+    top: 2px;
+    font-size: 20px;
 
-        &.success {
-            color: #21BA45;
-        }
-
-        &.fail {
-            color: #E74949;
-        }
+    &.info {
+      color: #496bf5;
+    }
 
-        &.warn {
-            color: #FD830A;
-        }
+    &.success {
+      color: #21ba45;
     }
 
-    header {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        height: 24px;
-        line-height: 24px;
-        font-size: 16px;
-        font-weight: 500;
-        color: @gray-9;
-        margin-bottom: 8px;
-
-        i.close-icon {
-            font-size: 16px;
-            color: #D8D8D8;
-            cursor: pointer;
-        }
+    &.fail {
+      color: #e74949;
     }
 
-    main {
-        line-height: 20px;
-        font-size: 14px;
-        font-weight: 400;
-        color: @gray-8;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        display: -webkit-box;
-        -webkit-line-clamp: 3;
-        -webkit-box-orient: vertical;
+    &.warn {
+      color: #fd830a;
     }
+  }
 
-    footer {
-        display: flex;
-        align-items: center;
-        flex-direction: row-reverse;
-        gap: 16px;
-        margin-top: 20px;
+  header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    height: 24px;
+    line-height: 24px;
+    font-size: 16px;
+    font-weight: 500;
+    color: @gray-9;
+    margin-bottom: 8px;
+
+    i.close-icon {
+      font-size: 16px;
+      color: @gray-7;
+      cursor: pointer;
     }
+  }
+
+  main {
+    line-height: 20px;
+    font-size: 14px;
+    font-weight: 400;
+    color: @gray-8;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+  }
+
+  footer {
+    display: flex;
+    align-items: center;
+    flex-direction: row-reverse;
+    gap: 16px;
+    margin-top: 20px;
+  }
 }