diff --git a/lib/zin/wg/dynamic/v1.php b/lib/zin/wg/dynamic/v1.php
index d0fe87ce7b..4065a4b783 100644
--- a/lib/zin/wg/dynamic/v1.php
+++ b/lib/zin/wg/dynamic/v1.php
@@ -23,11 +23,11 @@ class dynamic extends wg
             div
             (
                 span(
-                    setClass('timeline-tag'),
+                    setClass('dynamic-tag'),
                     $dynamic->date
                 ),
                 div(
-                    setClass('timeline-text clip'),
+                    setClass('dynamic-text clip'),
                     zget($users, $dynamic->actor),
                     span
                     (
@@ -50,7 +50,7 @@ class dynamic extends wg
     {
         $dynamicListView = h::ul
         (
-            setClass('timeline timeline-tag-left pt-0 overflow-x-hidden'),
+            setClass('dynamic dynamic-tag-left pt-0 overflow-x-hidden'),
             setClass($this->prop('className')),
         );
 
diff --git a/module/execution/css/view.ui.css b/module/execution/css/view.ui.css
index 23acf9cb27..24bb5d8049 100644
--- a/module/execution/css/view.ui.css
+++ b/module/execution/css/view.ui.css
@@ -1,22 +1,3 @@
-.timeline > li {position: relative; list-style: none}
-.timeline > li:before, .timeline > li > a:after, .timeline > li > div:after {position: absolute; left: -20px; display: block; width: 15px; height: 15px; content: ' '; border-radius: 50%}
-.timeline > li:before {top: 12px; left: -16px; z-index: 3; width: 7px; height: 7px; background-color: #c4c4c4; border: none; border: 1px solid #c4c4c4}
-.timeline > li > a:after, .timeline > li > div:after {top: 11px; left: -17px; z-index: 3; width: 9px; height: 9px; background-color: #2e7fff; border-radius: 50%; opacity: 0}
-.timeline > li + li:after {position: absolute; top: -12px; bottom: 20px; left: -13px; z-index: 1; display: block; content: ' '; border-left: 1px solid #eee}
-.timeline > li.active > a:after, .timeline > li.active > div:after {opacity: 1}
-.timeline > li.active:before {top: 8px; left: -20px; width: 15px; height: 15px; background-color: rgba(46,127,255, .2); border: none}
-.timeline > li > a, .timeline > li > div {display: block; padding: 5px; line-height: 20px}
-.timeline > li.active > a {color: #313c52}
-
-.timeline-tag {position: absolute; top: 5px; left: -115px; font-size: 12px}
-.timeline-tag-left {padding-left: 115px}
-
-.timeline-sm {font-size: 12px}
-.timeline-sm > li:before, .timeline-sm > li > a:after, .timeline-sm > li > div:after {top: 10px; left: -20px; width: 11px; height: 11px}
-.timeline-sm > li.active:before, .timeline-sm > li:before {top: 10px; left: -18px; width: 11px; height: 11px; background: 0 0; border: 1px solid #eee}
-.timeline-sm > li > a, .timeline-sm > li > div {line-height: 20px}
-.timeline-sm > li > a:after, .timeline-sm > li > div:after {top: 13px; left: -15px; width: 5px; height: 5px}
-
 .linked-products > .items-center {justify-content: space-between;}
 .execution-statitic-hours .table-data-body, .execution-basic-info .table-data-body {display: flex; flex-wrap: wrap;}
 .execution-statitic-hours .table-data-body .table-data-tr {flex: 0 1 50%;}
diff --git a/module/project/css/view.ui.css b/module/project/css/view.ui.css
index f499360d5e..099901b695 100644
--- a/module/project/css/view.ui.css
+++ b/module/project/css/view.ui.css
@@ -1,22 +1,3 @@
-.timeline > li {position: relative; list-style: none}
-.timeline > li:before, .timeline > li > a:after, .timeline > li > div:after {position: absolute; left: -20px; display: block; width: 15px; height: 15px; content: ' '; border-radius: 50%}
-.timeline > li:before {top: 12px; left: -16px; z-index: 3; width: 7px; height: 7px; background-color: #c4c4c4; border: none; border: 1px solid #c4c4c4}
-.timeline > li > a:after, .timeline > li > div:after {top: 11px; left: -17px; z-index: 3; width: 9px; height: 9px; background-color: #2e7fff; border-radius: 50%; opacity: 0}
-.timeline > li + li:after {position: absolute; top: -12px; bottom: 20px; left: -13px; z-index: 1; display: block; content: ' '; border-left: 1px solid #eee}
-.timeline > li.active > a:after, .timeline > li.active > div:after {opacity: 1}
-.timeline > li.active:before {top: 8px; left: -20px; width: 15px; height: 15px; background-color: rgba(46,127,255, .2); border: none}
-.timeline > li > a, .timeline > li > div {display: block; padding: 5px; line-height: 20px}
-.timeline > li.active > a {color: #313c52}
-
-.timeline-tag {position: absolute; top: 5px; left: -115px; font-size: 12px}
-.timeline-tag-left {padding-left: 115px}
-
-.timeline-sm {font-size: 12px}
-.timeline-sm > li:before, .timeline-sm > li > a:after, .timeline-sm > li > div:after {top: 10px; left: -20px; width: 11px; height: 11px}
-.timeline-sm > li.active:before, .timeline-sm > li:before {top: 10px; left: -18px; width: 11px; height: 11px; background: 0 0; border: 1px solid #eee}
-.timeline-sm > li > a, .timeline-sm > li > div {line-height: 20px}
-.timeline-sm > li > a:after, .timeline-sm > li > div:after {top: 13px; left: -15px; width: 5px; height: 5px}
-
 .linked-products > .items-center {justify-content: space-between;}
 #projectDashBoard .progress > .progress-bar {border-radius: 4px;}
 .project-info .table-data-body {display: flex; flex-wrap: wrap;}