diff --git a/src/platform/web/ui/css/themes/element/timeline.css b/src/platform/web/ui/css/themes/element/timeline.css
index 43c57d19..87b3e8c7 100644
--- a/src/platform/web/ui/css/themes/element/timeline.css
+++ b/src/platform/web/ui/css/themes/element/timeline.css
@@ -422,3 +422,10 @@ only loads when the top comes into view*/
 .GapView.isAtTop {
     padding: 52px 20px 12px 20px;
 }
+
+.DateHeader {
+    color: var(--light-text-color);
+    font-weight: bold;
+    padding: 12px 4px;
+    text-align: center;
+}
\ No newline at end of file
diff --git a/src/platform/web/ui/session/room/timeline/DateHeaderView.ts b/src/platform/web/ui/session/room/timeline/DateHeaderView.ts
index 63003e91..f9159c5e 100644
--- a/src/platform/web/ui/session/room/timeline/DateHeaderView.ts
+++ b/src/platform/web/ui/session/room/timeline/DateHeaderView.ts
@@ -25,7 +25,7 @@ export class DateHeaderView extends TemplateView<DateTile> {
     }
 
     render(t, vm) {
-        return t.div({className: "DateHeader"}, t.div(vm.date));
+        return t.div({className: "DateHeader"}, t.time(vm.date));
     }
 
     /* This is called by the parent ListView, which just has 1 listener for the whole list */