diff --git a/src/components/Timeline.astro b/src/components/Timeline.astro
index fe094dc..01ecea7 100644
--- a/src/components/Timeline.astro
+++ b/src/components/Timeline.astro
@@ -1,12 +1,20 @@
 ---
 const {
     Date,
-    Time
+    Time,
+    Upcoming
 } = Astro.props
+
+if (Upcoming === true) {
+    var BorderColor = '#3a66b9'
+} else {
+    var BorderColor = 'white'
+}
+
 ---
 
-<div class="timeline">
-    <p class="timeline-date">{Date} - {Time}</p>
+<div style={"border-color: " + BorderColor} class="timeline">
+    <p style={"border-color: " + BorderColor} class="timeline-date">{Date} - {Time}</p>
     <slot/>
 </div>