diff --git a/src/routes/List/Applications.less b/src/routes/List/Applications.less
index 7c7747eaf2d2eb759b50c972de63b7a7f6efd507..bbfe9cf61db8429ea18924aec133db57a391c30f 100644
--- a/src/routes/List/Applications.less
+++ b/src/routes/List/Applications.less
@@ -14,6 +14,9 @@
     .ant-card-actions {
       background: #f7f9fa;
     }
+    .ant-list .ant-list-item-content-single {
+      max-width: 100%;
+    }
   }
   .cardInfo {
     .clearfix();
diff --git a/src/routes/List/CardList.less b/src/routes/List/CardList.less
index a635a88f80902be22120817498f70b9e1edec864..c4c2e57351f28797d62246cb9bb55d63551659e4 100644
--- a/src/routes/List/CardList.less
+++ b/src/routes/List/CardList.less
@@ -25,6 +25,12 @@
   .item {
     height: 64px;
   }
+
+  :global {
+    .ant-list .ant-list-item-content-single {
+      max-width: 100%;
+    }
+  }
 }
 
 .extraImg {
diff --git a/src/routes/List/Projects.js b/src/routes/List/Projects.js
index 3c0c9e1b39002e262ae1d573b6b8da61d281750d..48e83c8f284da49e336f9e2de523cae28342e243 100644
--- a/src/routes/List/Projects.js
+++ b/src/routes/List/Projects.js
@@ -6,6 +6,7 @@ import { Row, Col, Form, Card, Select, List } from 'antd';
 import StandardFormRow from '../../components/StandardFormRow';
 import TagSelect from '../../components/TagSelect';
 import AvatarList from '../../components/AvatarList';
+import Ellipsis from '../../components/Ellipsis';
 
 import styles from './Projects.less';
 
@@ -54,7 +55,7 @@ export default class CoverCardList extends PureComponent {
       <List
         rowKey="id"
         loading={loading}
-        grid={{ gutter: 24, lg: 4, md: 3, sm: 2, xs: 1 }}
+        grid={{ gutter: 24, xl: 4, lg: 3, md: 3, sm: 2, xs: 1 }}
         dataSource={list}
         renderItem={item => (
           <List.Item>
@@ -65,7 +66,7 @@ export default class CoverCardList extends PureComponent {
             >
               <Card.Meta
                 title={<a href="#">{item.title}</a>}
-                description={item.subDescription}
+                description={<Ellipsis lines={2}>{item.subDescription}</Ellipsis>}
               />
               <div className={styles.cardItemContent}>
                 <span>{moment(item.updatedAt).fromNow()}</span>
diff --git a/src/routes/List/Projects.less b/src/routes/List/Projects.less
index 129bb17d5116e065af7c1a02bb3e02f57380f6bb..890a1ad2ebf0efdc1ff0224fbf956f31f28116f7 100644
--- a/src/routes/List/Projects.less
+++ b/src/routes/List/Projects.less
@@ -46,4 +46,10 @@
   .cardList {
     margin-top: 24px;
   }
+
+  :global {
+    .ant-list .ant-list-item-content-single {
+      max-width: 100%;
+    }
+  }
 }