diff --git a/module/block/view/dynamic.html.php b/module/block/view/dynamic.html.php
index 6e0102b36c..838ffa3712 100644
--- a/module/block/view/dynamic.html.php
+++ b/module/block/view/dynamic.html.php
@@ -4,13 +4,15 @@
 <style>
 .block-dynamic .timeline > li .timeline-text {max-width: 600px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-height: 20px;}
 .block-dynamic .panel-body {padding-top: 0;}
-.timeline>li:before {left: -26px;}
-.timeline>li+li:after {left: -23px;}
+.timeline >li:before {left: -26px;}
+.timeline >li + li:after {left: -23px;}
 .timeline-text {margin-left: -18px;}
 .block-dynamic .label-action {padding: 0 6px;}
 .block-dynamic .label-action + a {padding-left: 6px;}
-.timeline>li.active:before {left: -30px;}
-.timeline>li>div:after {left: -27px;}
+.timeline >li.active:before {left: -30px;}
+.timeline >li >div:after {left: -27px;}
+.timeline >li >div > .timeline-tag {color: #838A9D;}
+.timeline >li >div > .timeline-text > * {color: #313C52;}
 </style>
 <div class='panel-body scrollbar-hover'>
   <ul class="timeline timeline-tag-left no-margin">
diff --git a/module/block/view/projectdynamicblock.html.php b/module/block/view/projectdynamicblock.html.php
index b38d31c1d6..e2e2707e6d 100644
--- a/module/block/view/projectdynamicblock.html.php
+++ b/module/block/view/projectdynamicblock.html.php
@@ -13,6 +13,8 @@
 .timeline>li.active:before {left: -30px;}
 .timeline>li>div:after {left: -27px;}
 .timeline .timeline-text {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
+.timeline >li >div > .timeline-tag {color: #838A9D;}
+.timeline >li >div > .timeline-text > * {color: #313C52;}
 </style>
 <div class='panel-body scrollbar-hover'>
   <ul class="timeline timeline-tag-left no-margin">
diff --git a/module/execution/css/view.css b/module/execution/css/view.css
index 86b9ea0f30..418db826e3 100644
--- a/module/execution/css/view.css
+++ b/module/execution/css/view.css
@@ -20,6 +20,8 @@
 .timeline>li.active:before {left: -30px;}
 .timeline>li>div:after {left: -27px;}
 .timeline .timeline-text {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
+.timeline >li >div > .timeline-tag {color: #838A9D;}
+.timeline >li >div > .timeline-text > * {color: #313C52;}
 
 #cfdChart {margin-top: -20px;}
 
diff --git a/module/product/css/dashboard.css b/module/product/css/dashboard.css
index 3ba63973c7..57b69d1aa4 100644
--- a/module/product/css/dashboard.css
+++ b/module/product/css/dashboard.css
@@ -11,3 +11,5 @@
 .timeline>li.active:before {left: -30px;}
 .timeline>li>div:after {left: -27px;}
 .timeline .timeline-text {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
+.timeline >li >div > .timeline-tag {color: #838A9D;}
+.timeline >li >div > .timeline-text > * {color: #313C52;}
diff --git a/module/project/css/view.css b/module/project/css/view.css
index f8bcc66346..2c32411313 100644
--- a/module/project/css/view.css
+++ b/module/project/css/view.css
@@ -10,3 +10,5 @@
 .timeline>li.active:before {left: -30px;}
 .timeline>li>div:after {left: -27px;}
 .timeline .timeline-text {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
+.timeline >li >div > .timeline-tag {color: #838A9D;}
+.timeline >li >div > .timeline-text > * {color: #313C52;}