diff --git a/packages/client/src/components/emoji-picker/index.module.scss b/packages/client/src/components/emoji-picker/index.module.scss
index c5b683f1..4036a62b 100644
--- a/packages/client/src/components/emoji-picker/index.module.scss
+++ b/packages/client/src/components/emoji-picker/index.module.scss
@@ -5,14 +5,13 @@
 
 .listWrap {
   display: flex;
-  height: 250px;
   padding: 0;
   margin: 0;
   overflow: auto;
   list-style: none;
   flex-wrap: wrap;
 
-  > li {
+  > div {
     display: flex;
     justify-content: center;
     align-items: center;
diff --git a/packages/client/src/components/emoji-picker/index.tsx b/packages/client/src/components/emoji-picker/index.tsx
index a62eeda9..07515ff4 100644
--- a/packages/client/src/components/emoji-picker/index.tsx
+++ b/packages/client/src/components/emoji-picker/index.tsx
@@ -82,13 +82,13 @@ export const EmojiPicker: React.FC<IProps> = ({ showClear = false, onSelectEmoji
           {renderedList.map((list) => {
             return (
               <TabPane key={list.title} tab={list.title} itemKey={list.title} style={{ height: 250, overflow: 'auto' }}>
-                <ul className={styles.listWrap}>
+                <div className={styles.listWrap}>
                   {(list.data || []).map((ex) => (
-                    <li key={ex} onClick={() => selectEmoji(ex)}>
+                    <div key={ex} onClick={() => selectEmoji(ex)}>
                       {ex}
-                    </li>
+                    </div>
                   ))}
-                </ul>
+                </div>
               </TabPane>
             );
           })}
@@ -114,7 +114,7 @@ export const EmojiPicker: React.FC<IProps> = ({ showClear = false, onSelectEmoji
             title={'表情'}
             visible={visible}
             onCancel={toggleVisible}
-            height={370}
+            height={400}
             mask={false}
           >
             {content}