diff --git a/src/timeline/index.js b/src/timeline/index.js
index 75c1de7..3a8a2e1 100644
--- a/src/timeline/index.js
+++ b/src/timeline/index.js
@@ -70,7 +70,7 @@ class Item extends Component {
     .container {
       display: flex;
       width: 100%;
-      margin-bottom: 32px;
+      margin-bottom: 16px;
       color: var(--color-dark-1);
     }
 
@@ -80,15 +80,16 @@ class Item extends Component {
       justify-content: center;
       width: 26px;
       height: 100%;
-      min-height: 64px;
+      min-height: 32px;
+      padding-top: 6px;
       user-select: none;
 
       &::after {
         position: absolute;
         left: 12px;
-        top: 20px;
+        top: 26px;
         width: 2px;
-        height: calc(100% + 12px); // -20 + 32
+        height: calc(100% - 4px); // -20 + 16
         background: var(--color-grey-1);
         content: '';
       }
@@ -117,9 +118,8 @@ class Item extends Component {
       margin-left: 12px;
     }
     .time {
-      margin-bottom: 4px;
-      line-height: 1.5;
-      font-size: 12px;
+      line-height: 2;
+      font-size: 13px;
       color: var(--color-grey-3);
       user-select: none;
       font-family: Raleway, Arial, Helvetica, sans-serif;