diff --git a/src/components/Charts/MiniProgress/index.js b/src/components/Charts/MiniProgress/index.js
index 8d1d82a26791e61f5a5c3df41ffe3556bfca654c..2f0fafcdabd1ebc99ba50353c891581ab2a3524b 100644
--- a/src/components/Charts/MiniProgress/index.js
+++ b/src/components/Charts/MiniProgress/index.js
@@ -1,11 +1,11 @@
 import React from 'react';
-import { Popover } from 'antd';
+import { Tooltip } from 'antd';
 
 import styles from './index.less';
 
 const MiniProgress = ({ target, color, strokeWidth, percent }) => (
   <div className={styles.miniProgress}>
-    <Popover title={null} content={`目标值: ${target}%`}>
+    <Tooltip title={`目标值: ${target}%`}>
       <div
         className={styles.target}
         style={{ left: (target ? `${target}%` : null) }}
@@ -13,7 +13,7 @@ const MiniProgress = ({ target, color, strokeWidth, percent }) => (
         <span style={{ backgroundColor: (color || null) }} />
         <span style={{ backgroundColor: (color || null) }} />
       </div>
-    </Popover>
+    </Tooltip>
     <div className={styles.progressWrap}>
       <div
         className={styles.progress}
diff --git a/src/components/StandardFormRow/index.less b/src/components/StandardFormRow/index.less
index 9f11453df429c502c923f23e0816ad70f075b6f5..f1fb2f31dcdca48e937f87f2ae5b13f98b0a096c 100644
--- a/src/components/StandardFormRow/index.less
+++ b/src/components/StandardFormRow/index.less
@@ -12,7 +12,7 @@
     }
     .ant-form-item-label label {
       color: @text-color;
-      margin-right: 16px;
+      margin-right: 0;
     }
   }
   .label {
diff --git a/src/components/TagSelect/index.js b/src/components/TagSelect/index.js
index a6065e1f99ab94d369153bab98cf42b9d317deee..7394152f93eb59cb9cdfbf4f78ef1483f06237ab 100644
--- a/src/components/TagSelect/index.js
+++ b/src/components/TagSelect/index.js
@@ -123,27 +123,29 @@ class TagSelect extends PureComponent {
 
     return (
       <div className={cls} style={style}>
-        <CheckableTag
-          checked={checkedAll}
-          key="tag-select-__all__"
-          onChange={this.onSelectAll}
-        >
-          全部
-        </CheckableTag>
-        {
-          children.filter(child => child.props.displayName === 'TagSelectOption').map(child => React.cloneElement(child, {
-            key: `tag-select-${child.props.value}`,
-            checked: checkedTags.indexOf(child.props.value) > -1,
-            onChange: this.handleTagChange,
-          }))
-        }
-        {
-          expandNode && (
-            <a className={styles.trigger} onClick={this.handleExpand}>
-              { expand ? '收起' : '展开'} <Icon type={expand ? 'up' : 'down'} />
-            </a>
-          )
-        }
+        <div>
+          <CheckableTag
+            checked={checkedAll}
+            key="tag-select-__all__"
+            onChange={this.onSelectAll}
+          >
+            全部
+          </CheckableTag>
+          {
+            children.filter(child => child.props.displayName === 'TagSelectOption').map(child => React.cloneElement(child, {
+              key: `tag-select-${child.props.value}`,
+              checked: checkedTags.indexOf(child.props.value) > -1,
+              onChange: this.handleTagChange,
+            }))
+          }
+          {
+            expandNode && (
+              <a className={styles.trigger} onClick={this.handleExpand}>
+                { expand ? '收起' : '展开'} <Icon type={expand ? 'up' : 'down'} />
+              </a>
+            )
+          }
+        </div>
         {
           expandNode && (
             <div className={expand ? styles.expand : styles.fold}>
diff --git a/src/components/TagSelect/index.less b/src/components/TagSelect/index.less
index c669684ba0473ac905fb16f496cd850b58d65ec6..bc02cc89032c2d13c873ec6d23a81ae780cd0d63 100644
--- a/src/components/TagSelect/index.less
+++ b/src/components/TagSelect/index.less
@@ -5,6 +5,12 @@
   user-select: none;
   margin-left: -8px;
   position: relative;
+  :global {
+    .ant-tag {
+      padding: 0 8px;
+      margin-right: 24px;
+    }
+  }
   .expand {
     transition: all 0.32s ease;
     overflow: hidden;
@@ -18,6 +24,9 @@
     position: absolute;
     top: 0;
     right: 0;
+    i {
+      font-size: 12px;
+    }
   }
 }
 .expandTag {
diff --git a/src/layouts/BasicLayout.js b/src/layouts/BasicLayout.js
index 9674e269274800a6cf07b0fc7bbec968bdaae14c..f560947f5afb60b7f8bdda41866f0f6154bc75dc 100644
--- a/src/layouts/BasicLayout.js
+++ b/src/layouts/BasicLayout.js
@@ -193,7 +193,7 @@ class BasicLayout extends React.PureComponent {
           >
             <div className={styles.logo}>
               <Link to="/">
-                <img src="https://gw.alipayobjects.com/zos/rmsportal/osjtaBtmmQzWRvMbcKeb.svg" alt="logo" />
+                <img src="https://gw.alipayobjects.com/zos/rmsportal/iwWyPinUoseUxIAeElSx.svg" alt="logo" />
                 <h1>Ant Design Pro</h1>
               </Link>
             </div>
@@ -204,7 +204,7 @@ class BasicLayout extends React.PureComponent {
               onOpenChange={this.handleOpenChange}
               selectedKeys={this.getCurrentMenuSelectedKeys()}
               style={{ margin: '24px 0', width: '100%' }}
-              inlineIndent={32}
+              inlineIndent={24}
             >
               {this.getNavMenuItems(this.menus)}
             </Menu>
diff --git a/src/layouts/BasicLayout.less b/src/layouts/BasicLayout.less
index 40d3b95dedc7dcca0f2a95c4ca036d90b68ba252..0fabb0cc1e811f90ac06d3e8b2935994cc43aab3 100644
--- a/src/layouts/BasicLayout.less
+++ b/src/layouts/BasicLayout.less
@@ -1,7 +1,7 @@
 @import "~antd/lib/style/themes/default.less";
 
 .header {
-  padding: 0 16px 0 0;
+  padding: 0 12px 0 0;
   background: #fff;
   box-shadow: 0 1px 4px rgba(0, 21, 41, .12);
   position: relative;
@@ -24,7 +24,7 @@
     color: #fff;
     display: inline-block;
     vertical-align: middle;
-    font-size: 22px;
+    font-size: 18px;
     margin-left: 12px;
     font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
     margin-top: -2px;
@@ -43,7 +43,7 @@
   line-height: 64px;
   cursor: pointer;
   transition: all .3s;
-  padding: 0 28px;
+  padding: 0 24px;
   &:hover {
     background: rgba(0, 0, 0, .04);
   }
@@ -103,5 +103,5 @@
   min-height: 100vh;
   box-shadow: 2px 0 6px rgba(0, 21, 41, .35);
   position: relative;
-  z-index: 1;
+  z-index: 10;
 }
diff --git a/src/routes/List/CardList.js b/src/routes/List/CardList.js
index 2866d1b5b09c1d800abca7fca55fd9d196cbbbf6..0eb540852116bf531254a6f6d72e2fffa7724d96 100644
--- a/src/routes/List/CardList.js
+++ b/src/routes/List/CardList.js
@@ -62,8 +62,8 @@ export default class CardList extends PureComponent {
             dataSource={['', ...list]}
             renderItem={item => (item ? (
               <List.Item key={item.id}>
-                <Link to="/list/card-list">
-                  <Card hoverable actions={[<a>操作一</a>, <a>操作二</a>]}>
+                <Card hoverable actions={[<a>操作一</a>, <a>操作二</a>]}>
+                  <Link to="/list/card-list">
                     <Card.Meta
                       avatar={<Avatar size="large" src={item.avatar} />}
                       title={item.title}
@@ -73,8 +73,8 @@ export default class CardList extends PureComponent {
                         </p>
                       )}
                     />
-                  </Card>
-                </Link>
+                  </Link>
+                </Card>
               </List.Item>
               ) : (
                 <List.Item>
diff --git a/src/routes/List/CardList.less b/src/routes/List/CardList.less
index 8a5c958c66aa19b9de99fdb3094b8fc5ce8ea958..d6c3cfd8810174c1e474768267b759c1630e4f22 100644
--- a/src/routes/List/CardList.less
+++ b/src/routes/List/CardList.less
@@ -24,7 +24,7 @@
   border-color: @border-color-base;
   color: @text-color-secondary;
   width: 100%;
-  height: 178px;
+  height: 185px;
 }
 
 .cardDescription {
diff --git a/src/routes/List/CoverCardList.js b/src/routes/List/CoverCardList.js
index 0ad34b5db1d0944a819433a7305a77c876bfb781..6d0aa290a4c8d3fbf6c244ac5086ec0ab3fb3c55 100644
--- a/src/routes/List/CoverCardList.js
+++ b/src/routes/List/CoverCardList.js
@@ -153,7 +153,7 @@ export default class CoverCardList extends PureComponent {
         onTabChange={this.handleTabChange}
       >
         <div className={styles.coverCardList}>
-          <Card bordered={false}>
+          <Card bordered={false} bodyStyle={{ padding: 24 }}>
             <Form layout="inline">
               <StandardFormRow title="所属类目" block>
                 <FormItem>
diff --git a/src/routes/List/FilterCardList.js b/src/routes/List/FilterCardList.js
index 542ef5aa4e6d5cc3885dcd9aa8e1c25f34ce2be2..a42ebdddf63c04322fd0050c24c37c9a1041efe8 100644
--- a/src/routes/List/FilterCardList.js
+++ b/src/routes/List/FilterCardList.js
@@ -151,7 +151,7 @@ export default class FilterCardList extends PureComponent {
         onTabChange={this.handleTabChange}
       >
         <div className={styles.filterCardList}>
-          <Card bordered={false}>
+          <Card bordered={false} bodyStyle={{ padding: 24 }}>
             <Form layout="inline">
               <StandardFormRow title="所属类目" block>
                 <FormItem>
@@ -221,6 +221,8 @@ export default class FilterCardList extends PureComponent {
             renderItem={item => (
               <List.Item key={item.id}>
                 <Card
+                  hoverable
+                  bodyStyle={{ paddingBottom: 16 }}
                   actions={[
                     <Tooltip title="下载"><Icon type="download" /></Tooltip>,
                     <Tooltip title="编辑"><Icon type="edit" /></Tooltip>,
diff --git a/src/routes/List/FilterCardList.less b/src/routes/List/FilterCardList.less
index d8cf0dc747898e0a3684ede42b1b5d4366974dd3..2be27dfffaa7a61c3d1f5563e48c610588bcd658 100644
--- a/src/routes/List/FilterCardList.less
+++ b/src/routes/List/FilterCardList.less
@@ -7,10 +7,14 @@
     .ant-card-meta-content {
       margin-top: 0;
     }
+    // disabled white space
+    .ant-card-meta-avatar {
+      font-size: 0;
+    }
   }
   .cardInfo {
     .clearfix();
-    margin-top: 12px;
+    margin-top: 16px;
     margin-left: 40px;
     & > div {
       position: relative;
@@ -18,7 +22,7 @@
       float: left;
       width: 50%;
       p {
-        color: @text-color;
+        color: @text-color-secondary;
         line-height: 32px;
         font-size: 24px;
       }
diff --git a/src/routes/List/SearchList.js b/src/routes/List/SearchList.js
index 2319fbeb8ddef52c80d0a471e15a9a0a467424d5..bcc02434200a77e3365a992afcea95106326bced 100644
--- a/src/routes/List/SearchList.js
+++ b/src/routes/List/SearchList.js
@@ -183,7 +183,7 @@ export default class SearchList extends Component {
         onTabChange={this.handleTabChange}
       >
         <div>
-          <Card bordered={false}>
+          <Card bordered={false} bodyStyle={{ padding: 24 }}>
             <Form layout="inline">
               <StandardFormRow title="所属类目" block>
                 <FormItem>
diff --git a/src/theme.js b/src/theme.js
index 20cf8a81125563678279bdce0514a0f6e270c0e5..08c3b20b30a2775b0bec609adda98a6a4876a493 100644
--- a/src/theme.js
+++ b/src/theme.js
@@ -1,4 +1,5 @@
 // https://github.com/ant-design/ant-design/blob/master/components/style/themes/default.less
 module.exports = {
   // 'primary-color': '#10e99b',
+  'card-actions-background': '#f7f9fa',
 };