diff --git a/src/libsysprof-gtk/style.css b/src/libsysprof-gtk/style.css
index a732f258..289c07d0 100644
--- a/src/libsysprof-gtk/style.css
+++ b/src/libsysprof-gtk/style.css
@@ -70,3 +70,10 @@ marktable {
 markchart {
   font-size: .9em;
 }
+
+timeruler {
+  font-size: 0.833em;
+  color: alpha(currentColor, .8);
+  border-bottom: 1px solid @borders;
+  background: alpha(@borders, .25);
+}
diff --git a/src/libsysprof-gtk/sysprof-chart.c b/src/libsysprof-gtk/sysprof-chart.c
index 99e29a98..046d22dc 100644
--- a/src/libsysprof-gtk/sysprof-chart.c
+++ b/src/libsysprof-gtk/sysprof-chart.c
@@ -20,6 +20,7 @@
 
 #include "config.h"
 
+#include "sysprof-css-private.h"
 #include "sysprof-chart.h"
 
 typedef struct
@@ -307,6 +308,8 @@ sysprof_chart_init (SysprofChart *self)
   priv->motion_x = -1;
   priv->motion_y = -1;
 
+  _sysprof_css_init ();
+
   motion = gtk_event_controller_motion_new ();
   g_signal_connect_object (motion,
                            "enter",