diff --git a/static/style.css b/static/style.css
index ae3e9a0..1ca8049 100644
--- a/static/style.css
+++ b/static/style.css
@@ -2524,15 +2524,17 @@ input[type="text"]:not(.skill-input-wrap input):focus {
     width:14px;
     height:14px;
     border-radius:50%;
-    background:var(--indigo-600);
-    border:3px solid var(--indigo-100);
+    background:var(--surface);
+    border:3px solid var(--indigo-600);
     margin-top:4px;
+    box-sizing:border-box;
 }
 
 .roadmap-line{
     flex:1;
-    width:2px;
-    background:var(--border);
+    width:0;
+    border-left:2px dashed var(--border);
+    background:transparent;
     margin:4px 0;
 }
 
@@ -2605,9 +2607,15 @@ input[type="text"]:not(.skill-input-wrap input):focus {
 /* Make completed node visually */
 .roadmap-step.completed .roadmap-dot {
   background: var(--green-500);
+  border-color: var(--green-200);
   box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.15);
 }
 
+/* Make completed line solid green */
+.roadmap-step.completed .roadmap-line {
+  border-left: 2px solid var(--green-500);
+}
+
 /* Progress container */
 .roadmap-progress-wrap{
     display:flex;