diff --git a/app/web/src/pages/Endpoints/Dashboard.js b/app/web/src/pages/Endpoints/Dashboard.js
index 97d56d42..7c0fe242 100644
--- a/app/web/src/pages/Endpoints/Dashboard.js
+++ b/app/web/src/pages/Endpoints/Dashboard.js
@@ -191,9 +191,9 @@ class Dashboard extends React.Component {
 
         <br />
         <Row gutter={[16, 24]}>
-          <Col span={6}>
+          <Col  xs={24} sm={24} md={24} lg={6} xl={6} >
             <div style={style}>
-              <Card title="GROUPS" extra={groupExtra} style={{ width: 300 }}>
+              <Card title="GROUPS" extra={groupExtra}>
                 <div>
                   <Search
                     placeholder="搜索"
@@ -226,7 +226,7 @@ class Dashboard extends React.Component {
               </Card>
             </div>
           </Col>
-          <Col span={18}>
+          <Col xs={24} sm={24} md={24} lg={18} xl={18} >
             <div style={style}>
               <Table
                 rowSelection={{
@@ -234,6 +234,7 @@ class Dashboard extends React.Component {
                 }}
                 dataSource={dataSource}
                 columns={columns}
+                size="small"
               />;
             </div>
           </Col>
diff --git a/app/web/src/pages/Endpoints/Dashboard.less b/app/web/src/pages/Endpoints/Dashboard.less
index ba3e4f70..788ca426 100644
--- a/app/web/src/pages/Endpoints/Dashboard.less
+++ b/app/web/src/pages/Endpoints/Dashboard.less
@@ -61,14 +61,13 @@
 }
 
 .subPanel {
-  height: 80px;
   background-color: white;
   padding-left: 15px;
   .item {
     position: relative;
     display: inline-block;
     width: 100px;
-    height: 100%;
+    height: 80px;
     text-align: center;
     .wrap {
       &:hover {