diff --git a/components/mention/demo/async.md b/components/mention/demo/async.md
index e092d5cf4e..f15f79be69 100644
--- a/components/mention/demo/async.md
+++ b/components/mention/demo/async.md
@@ -43,7 +43,7 @@ class AsyncMention extends React.Component {
     const { suggestions, loading } = this.state;
     return (
       <Mention
-        style={{ width: '100%', height: 100 }}
+        style={{ width: '100%' }}
         loading={loading}
         suggestions={suggestions}
         onSearchChange={this.onSearchChange}
diff --git a/components/mention/demo/avatar.md b/components/mention/demo/avatar.md
index 86464ae6b5..06015cfe4a 100644
--- a/components/mention/demo/avatar.md
+++ b/components/mention/demo/avatar.md
@@ -53,7 +53,7 @@ class CustomNavMention extends React.Component {
     const { suggestions } = this.state;
     return (
       <Mention
-        style={{ width: '100%', height: 100 }}
+        style={{ width: '100%' }}
         suggestions={suggestions}
         onSearchChange={this.onSearchChange}
       />
diff --git a/components/mention/demo/basic.md b/components/mention/demo/basic.md
index f216ec8167..e1c2777988 100644
--- a/components/mention/demo/basic.md
+++ b/components/mention/demo/basic.md
@@ -27,7 +27,7 @@ function onSelect(suggestion) {
 
 ReactDOM.render(
   <Mention
-    style={{ width: '100%', height: 100 }}
+    style={{ width: '100%' }}
     onChange={onChange}
     defaultValue={toContentState('@afc163')}
     suggestions={['afc163', 'benjycui', 'yiminghe', 'RaoHai', '中文', 'にほんご']}
diff --git a/components/mention/demo/controlled.md b/components/mention/demo/controlled.md
index bdd915b4fd..9ef437fbf8 100644
--- a/components/mention/demo/controlled.md
+++ b/components/mention/demo/controlled.md
@@ -65,7 +65,6 @@ class App extends React.Component {
           })(
             <Mention
               suggestions={['afc163', 'benjycui', 'yiminghe', 'RaoHai', '中文', 'にほんご']}
-              style={{ height: 60 }}
             />
           )}
         </FormItem>
diff --git a/components/mention/demo/custom-tag.md b/components/mention/demo/custom-tag.md
index 330011997c..9cf8b50124 100644
--- a/components/mention/demo/custom-tag.md
+++ b/components/mention/demo/custom-tag.md
@@ -55,7 +55,7 @@ class CustomNavMention extends React.Component {
     return (
       <Mention
         placeholder="@someone"
-        style={{ width: '100%', height: 100 }}
+        style={{ width: '100%' }}
         suggestions={suggestions}
         onSearchChange={this.onSearchChange}
         onSelect={onSelect}
diff --git a/components/mention/demo/multiple-trigger.md b/components/mention/demo/multiple-trigger.md
index e95a0a5fe3..7af913a613 100644
--- a/components/mention/demo/multiple-trigger.md
+++ b/components/mention/demo/multiple-trigger.md
@@ -45,7 +45,7 @@ class App extends React.Component {
   render() {
     return (
       <Mention
-        style={{ width: '100%', height: 100 }}
+        style={{ width: '100%' }}
         onChange={onChange}
         placeholder="input @ to mention people, # to mention tag"
         prefix={['@', '#']}
diff --git a/components/mention/demo/popupContainer.md b/components/mention/demo/popupContainer.md
index b79bed5e18..19cebe1f31 100644
--- a/components/mention/demo/popupContainer.md
+++ b/components/mention/demo/popupContainer.md
@@ -32,7 +32,7 @@ class PopoverContainer extends React.Component {
   render() {
     const mention = (
       <Mention
-        style={{ width: '100%', height: 100 }}
+        style={{ width: '100%' }}
         onChange={onChange}
         defaultValue={toContentState('@afc163')}
         suggestions={['afc163', 'benjycui', 'yiminghe', 'RaoHai', '中文', 'にほんご']}