diff --git a/src/pages/Dashboard/Monitor.js b/src/pages/Dashboard/Monitor.js
index a6d68905b6397a67d38fbb34a7fa0bca059919fb..629091747c22a65cc6e62d7d4e87af362c2fc7fb 100644
--- a/src/pages/Dashboard/Monitor.js
+++ b/src/pages/Dashboard/Monitor.js
@@ -145,7 +145,7 @@ class Monitor extends PureComponent {
           </Col>
         </Row>
         <Row gutter={24}>
-          <Col xl={12} lg={24} sm={24} xs={24}>
+          <Col xl={12} lg={24} sm={24} xs={24} style={{ marginBottom: 24 }}>
             <Card
               title={
                 <FormattedMessage
@@ -201,7 +201,7 @@ class Monitor extends PureComponent {
               </Row>
             </Card>
           </Col>
-          <Col xl={6} lg={12} sm={24} xs={24}>
+          <Col xl={6} lg={12} sm={24} xs={24} style={{ marginBottom: 24 }}>
             <Card
               title={
                 <FormattedMessage
@@ -216,7 +216,7 @@ class Monitor extends PureComponent {
               <TagCloud data={tags} height={161} />
             </Card>
           </Col>
-          <Col xl={6} lg={12} sm={24} xs={24}>
+          <Col xl={6} lg={12} sm={24} xs={24} style={{ marginBottom: 24 }}>
             <Card
               title={
                 <FormattedMessage
diff --git a/src/pages/Dashboard/Monitor.less b/src/pages/Dashboard/Monitor.less
index 0316b619556891fe28d1d5eb1192825fce5cb9d9..ca41f33e3cc29540c6c4dc72f483eedc2860cb53 100644
--- a/src/pages/Dashboard/Monitor.less
+++ b/src/pages/Dashboard/Monitor.less
@@ -3,7 +3,7 @@
 
 .mapChart {
   padding-top: 24px;
-  height: 457px;
+  height: 452px;
   text-align: center;
   img {
     display: inline-block;