diff --git a/src/views/system/ToolList.vue b/src/views/system/ToolList.vue
index 0e59d6c30..9b4fe0ca6 100644
--- a/src/views/system/ToolList.vue
+++ b/src/views/system/ToolList.vue
@@ -1,34 +1,40 @@
 <template>
   <div class="page-header-index-wide">
-    <a-row :gutter="12">
-      <a-col :sm="24" :md="12" :lg="8">
-        <a-card title="Markdown 导入" :bordered="false">
-          <span style="font-size:18px">Markdown 文档导入</span>
-          <a-button type="primary" style="float:right" @click="importMarkDown">导入</a-button>
-          <p>支持 Hexo/Jekyll 导入并解析元数据</p>
-        </a-card>
-      </a-col>
-      <a-col :sm="24" :md="12" :lg="8">
-        <a-card title="WordPress 导入" :bordered="false">
-          <span style="font-size:18px">WordPress 数据导入</span>
-          <a-button type="primary" style="float:right" @click="importWordPress">导入</a-button>
-          <p>尽请期待</p>
-        </a-card>
-      </a-col>
-    </a-row>
-    <a-modal title="Markdown 文档导入" v-model="ishow" @ok="sure">
-      <a-upload-dragger
-        name="file"
-        :multiple="true"
-        action="//jsonplaceholder.typicode.com/posts/"
-        @change="handleChange"
-      >
-        <p class="ant-upload-drag-icon">
-          <a-icon type="inbox"/>
-        </p>
-        <p class="ant-upload-text">拖拽或点击选择MarkDown文件到此处</p>
-      </a-upload-dragger>
-    </a-modal>
+    <div class="card-content">
+      <a-row :gutter="12">
+        <a-col :sm="24" :md="12" :lg="8">
+          <div class="case">
+            <a-card title="Markdown 导入" :bordered="false">
+              <span style="font-size:18px">Markdown 文档导入</span>
+              <a-button type="primary" style="float:right" @click="importMarkDown">导入</a-button>
+              <p>支持 Hexo/Jekyll 导入并解析元数据</p>
+            </a-card>
+          </div>
+        </a-col>
+        <a-col :sm="24" :md="12" :lg="8">
+          <div class="case">
+            <a-card title="WordPress 导入" :bordered="false">
+              <span style="font-size:18px">WordPress 数据导入</span>
+              <a-button type="primary" style="float:right" @click="importWordPress">导入</a-button>
+              <p>尽请期待</p>
+            </a-card>
+          </div>
+        </a-col>
+      </a-row>
+      <a-modal title="Markdown 文档导入" v-model="ishow" @ok="sure">
+        <a-upload-dragger
+          name="file"
+          :multiple="true"
+          action="//jsonplaceholder.typicode.com/posts/"
+          @change="handleChange"
+        >
+          <p class="ant-upload-drag-icon">
+            <a-icon type="inbox"/>
+          </p>
+          <p class="ant-upload-text">拖拽或点击选择MarkDown文件到此处</p>
+        </a-upload-dragger>
+      </a-modal>
+    </div>
   </div>
 </template>
 
@@ -65,4 +71,10 @@ export default {
 </script>
 
 <style scoped>
+.card-content {
+  padding: 11px;
+}
+.case {
+  padding: 5px;
+}
 </style>