diff --git a/src/platform/web/ui/css/themes/element/timeline.css b/src/platform/web/ui/css/themes/element/timeline.css
index 16597a7b..8645bc3f 100644
--- a/src/platform/web/ui/css/themes/element/timeline.css
+++ b/src/platform/web/ui/css/themes/element/timeline.css
@@ -424,9 +424,20 @@ only loads when the top comes into view*/
 }
 
 .DateHeader {
-    color: var(--light-text-color);
     font-weight: bold;
-    padding: 12px 4px;
-    text-align: center;
     font-size: 1.5rem;
-}
\ No newline at end of file
+    position: sticky;
+    top: 5px;
+}
+
+.DateHeader time {
+    margin: 0 auto;
+    padding: 12px 4px;
+    width: 250px;
+    padding: 12px;
+    display: block;
+    color: var(--light-text-color);
+    background-color: var(--background-color-primary);
+    border-radius: 8px;
+    text-align: center;
+  }
\ No newline at end of file