diff --git a/src/components/NoticeIcon/NoticeList.js b/src/components/NoticeIcon/NoticeList.js
index e8383313c9d7ff8ec1c3078f3569e62f362c102a..a6a56354a6b109d493d2e8127a53c585082bb997 100644
--- a/src/components/NoticeIcon/NoticeList.js
+++ b/src/components/NoticeIcon/NoticeList.js
@@ -22,6 +22,7 @@ export default function NoticeList({ data = [], onClick, onClear, title, locale
           return (
             <List.Item className={itemCls} key={item.key || i} onClick={() => onClick(item)}>
               <List.Item.Meta
+                className={styles.meta}
                 avatar={item.avatar ? <Avatar className={styles.avatar} src={item.avatar} /> : null}
                 title={
                   <div>
diff --git a/src/components/NoticeIcon/NoticeList.less b/src/components/NoticeIcon/NoticeList.less
index 8f96643bc6819b7de95e9fbeed056d5c9dbabf55..a6be1d67cb595904529a18a9d53cfc59cc60762b 100644
--- a/src/components/NoticeIcon/NoticeList.less
+++ b/src/components/NoticeIcon/NoticeList.less
@@ -10,6 +10,14 @@
     padding-left: 24px;
     padding-right: 24px;
 
+    .meta {
+      width: 100%;
+    }
+
+    .avatar {
+      background: #fff;
+    }
+
     &.read {
       opacity: .4;
     }
diff --git a/src/layouts/BasicLayout.less b/src/layouts/BasicLayout.less
index 72d722ef124f7151a539058f8506f7376e0f33e6..0e3c0dd12c64a368dda1a6856d7cb0c1f36dbb07 100644
--- a/src/layouts/BasicLayout.less
+++ b/src/layouts/BasicLayout.less
@@ -58,7 +58,7 @@
     transition: all .3s;
     height: 100%;
     > i {
-      font-size: 20px;
+      font-size: 16px;
       vertical-align: middle;
     }
     &:global(.ant-popover-open),