diff --git a/src/components/NoticeIcon/NoticeList.js b/src/components/NoticeIcon/NoticeList.js
index e8383313..a6a56354 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 8f96643b..a6be1d67 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 72d722ef..0e3c0dd1 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),