diff --git a/src/components/FooterToolbar/demo/basic.md b/src/components/FooterToolbar/demo/basic.md
index 629fbee1a8c100a0d43cd7e3f393c7b5a1c5f6bb..f1558cc191d1e0086572951a9251fde36850e6c8 100644
--- a/src/components/FooterToolbar/demo/basic.md
+++ b/src/components/FooterToolbar/demo/basic.md
@@ -11,7 +11,14 @@ import FooterToolbar from 'ant-design-pro/lib/FooterToolbar';
 import { Button } from 'antd';
 
 ReactDOM.render(
-  <div style={{ background: '#f7f7f7' }}>
+  <div style={{ background: '#f7f7f7', padding: 24 }}>
+    <p>页面内容 页面内容 页面内容 页面内容</p>
+    <p>页面内容 页面内容 页面内容 页面内容</p>
+    <p>页面内容 页面内容 页面内容 页面内容</p>
+    <p>页面内容 页面内容 页面内容 页面内容</p>
+    <p>页面内容 页面内容 页面内容 页面内容</p>
+    <p>页面内容 页面内容 页面内容 页面内容</p>
+    <p>页面内容 页面内容 页面内容 页面内容</p>
     <p>页面内容 页面内容 页面内容 页面内容</p>
     <p>页面内容 页面内容 页面内容 页面内容</p>
     <p>页面内容 页面内容 页面内容 页面内容</p>
diff --git a/src/components/GlobalFooter/demo/basic.md b/src/components/GlobalFooter/demo/basic.md
index 3b239fb4c75c4ab9c387a6c7e2c6d3d00e40f1f0..c88a056c10a3ec38f48793ec7ec04cea629af411 100644
--- a/src/components/GlobalFooter/demo/basic.md
+++ b/src/components/GlobalFooter/demo/basic.md
@@ -25,6 +25,8 @@ const links = [{
 const copyright = <div>Copyright <Icon type="copyright" /> 2017 蚂蚁金服体验技术部出品</div>;
 
 ReactDOM.render(
-  <GlobalFooter links={links} copyright={copyright} />
+  <div style={{ background: '#f5f5f5', overflow: 'hidden' }}>
+    <GlobalFooter links={links} copyright={copyright} />
+  </div>
 , mountNode);
 ````
diff --git a/src/components/HeaderSearch/index.js b/src/components/HeaderSearch/index.js
index e96986ee8b9a643afa9aaf2e9adcbf87ab9ed9a4..5d58b110dd662d610e154608befb5441b517a73c 100644
--- a/src/components/HeaderSearch/index.js
+++ b/src/components/HeaderSearch/index.js
@@ -60,7 +60,10 @@ export default class HeaderSearch extends PureComponent {
       [styles.show]: this.state.searchMode,
     });
     return (
-      <span className={className} onClick={this.enterSearchMode}>
+      <span
+        className={classNames(className, styles.headerSearch)}
+        onClick={this.enterSearchMode}
+      >
         <Icon type="search" />
         <AutoComplete
           className={inputClass}
diff --git a/src/components/HeaderSearch/index.less b/src/components/HeaderSearch/index.less
index b13ec9958456c640a180c28211a416bbc72317d3..374330880674016cb368505a970a1b5aac9f9852 100644
--- a/src/components/HeaderSearch/index.less
+++ b/src/components/HeaderSearch/index.less
@@ -1,26 +1,32 @@
 @import "~antd/lib/style/themes/default.less";
 
-.input {
-  transition: width .3s, margin-left .3s;
-  width: 0;
-  background: transparent;
-  border-radius: 0;
-  :global(.ant-select-selection) {
-    background: transparent;
-  }
-  input {
-    border: 0;
-    padding-left: 0;
-    padding-right: 0;
-    box-shadow: none !important;
+.headerSearch {
+  :global(.anticon-search) {
+    cursor: pointer;
+    font-size: 16px;
   }
-  &,
-  &:hover,
-  &:focus {
-    border-bottom: 1px solid @border-color-base;
-  }
-  &.show {
-    width: 210px;
-    margin-left: 8px;
+  .input {
+    transition: width .3s, margin-left .3s;
+    width: 0;
+    background: transparent;
+    border-radius: 0;
+    :global(.ant-select-selection) {
+      background: transparent;
+    }
+    input {
+      border: 0;
+      padding-left: 0;
+      padding-right: 0;
+      box-shadow: none !important;
+    }
+    &,
+    &:hover,
+    &:focus {
+      border-bottom: 1px solid @border-color-base;
+    }
+    &.show {
+      width: 210px;
+      margin-left: 8px;
+    }
   }
 }