diff --git a/src/css/components/timeline.css b/src/css/components/timeline.css
index dedbe09..aaa9bc5 100644
--- a/src/css/components/timeline.css
+++ b/src/css/components/timeline.css
@@ -8,6 +8,7 @@
 .timeline:before {
   content: "";
   background-color: var(--color-neutral-200);
+  background: linear-gradient(180deg, var(--color-neutral-200) 0%, var(--color-neutral-200) 85%, transparent 100%);
   inline-size: 6px;
   margin-inline-start: -3px;
   position: absolute;
@@ -31,7 +32,7 @@
   aspect-ratio: 1;
   inline-size: var(--size);
   background-color: var(--color-neutral-200);
-  border: 6px solid var(--color-primary-400);
+  border: 6px solid var(--color-primary-600);
   z-index: 1;
   border-radius: 50%;
   transition: all 0.2s ease-in-out;
@@ -41,5 +42,5 @@
   transform: translateY(50%);
 }
 .timeline li:hover:before {
-  border-color: var(--color-primary-700);
+  border-color: var(--color-secondary-600);
 }
\ No newline at end of file