diff --git a/components/list/demo/vertical.md b/components/list/demo/vertical.md
index 277adad9dc..99ce77e5ba 100644
--- a/components/list/demo/vertical.md
+++ b/components/list/demo/vertical.md
@@ -47,6 +47,7 @@ ReactDOM.render(
     size="large"
     pagination={pagination}
     dataSource={listData}
+    bordered
     renderItem={item => (
       <List.Item
         key={item.title}
diff --git a/components/list/style/bordered.less b/components/list/style/bordered.less
index 40499a9679..e3175b8a65 100644
--- a/components/list/style/bordered.less
+++ b/components/list/style/bordered.less
@@ -5,28 +5,36 @@
     padding-left: 24px;
     padding-right: 24px;
   }
+
   .@{list-prefix-cls}-footer {
     padding-left: 24px;
     padding-right: 24px;
   }
+
   .@{list-prefix-cls}-item {
     border-bottom: 1px solid @border-color-split;
     padding-left: 24px;
     padding-right: 24px;
   }
 
+  .@{list-prefix-cls}-pagination {
+    margin: 16px 24px;
+  }
+
   &.@{list-prefix-cls}-sm {
     .@{list-prefix-cls}-item {
       padding-left: 16px;
       padding-right: 16px;
     }
-    .@{list-prefix-cls}-header, .@{list-prefix-cls}-footer {
+    .@{list-prefix-cls}-header,
+    .@{list-prefix-cls}-footer {
       padding: 8px 16px;
     }
   }
 
   &.@{list-prefix-cls}-lg {
-    .@{list-prefix-cls}-header, .@{list-prefix-cls}-footer {
+    .@{list-prefix-cls}-header,
+    .@{list-prefix-cls}-footer {
       padding: 16px 24px;
     }
   }