diff --git a/src/assets/css/src/2.blocks.project.css b/src/assets/css/src/2.blocks.project.css
index abc8cef..3ba315c 100644
--- a/src/assets/css/src/2.blocks.project.css
+++ b/src/assets/css/src/2.blocks.project.css
@@ -73,7 +73,7 @@
   z-index: 10;
 }
 /* dotted line */
-.project-step[data-status="in-progress"]::after,
+.project-step[data-status="in-progress"]:not(:last-child)::after,
 .project-step:last-child::before {
   content: "";
   display: block;
@@ -87,6 +87,9 @@
   right: calc(var(--gap) / -2);
   bottom: -1.875rem;
 }
+.project-step[data-status="in-progress"]:first-child::after {
+  left: 5.5rem;
+}
 .project-step:last-child::before {
   left: calc(var(--gap) / -2);
   right: 6.75rem;
@@ -117,6 +120,13 @@
 .project-step:first-child::after {
   left: 5.5rem;
 }
+.project-step[data-status="done"]:first-child .pill::after {
+  margin-left: 3.25rem;
+}
+.project-step[data-status="uncompleted"]:last-child::before {
+  margin-right: -3.25rem;
+}
+
 
 
 /* Hide all steps between in-progress and last step */
@@ -145,6 +155,7 @@
 .project-step[data-status="uncompleted"] > .pill {
   --background: transparent;
   color: transparent;
+  width: 4rem;
 }
 
 .project-step[data-status="done"] .pill::after {