diff --git a/components/timeline/TimelineItem.jsx b/components/timeline/TimelineItem.jsx
index a9a7ef0553..1e547cab0e 100644
--- a/components/timeline/TimelineItem.jsx
+++ b/components/timeline/TimelineItem.jsx
@@ -28,7 +28,10 @@ export default class TimelineItem extends React.Component {
     return (
       <li {...restProps} className={itemClassName}>
         <div className={`${prefixCls}-item-tail`} />
-        <div className={dotClassName} style={{ color: /blue|red|green/.test(color) ? null : color }}>
+        <div
+          className={dotClassName}
+          style={{ borderColor: /blue|red|green/.test(color) ? null : color }}
+        >
           {dot}
         </div>
         <div className={`${prefixCls}-item-content`}>