diff --git a/frontend_tests/node_tests/timerender.js b/frontend_tests/node_tests/timerender.js
index e6c11f34a0..b477977d95 100644
--- a/frontend_tests/node_tests/timerender.js
+++ b/frontend_tests/node_tests/timerender.js
@@ -113,10 +113,10 @@ run_test('render_date_renders_time_above_html', () => {
     };
 
     var expected = [
-        '<i class="date-direction icon-vector-caret-up"></i>',
+        '<i class="date-direction fa fa-caret-up"></i>',
         i18n.t('Yesterday'),
         '<hr class="date-line">',
-        '<i class="date-direction icon-vector-caret-down"></i>',
+        '<i class="date-direction fa fa-caret-down"></i>',
         i18n.t('Today'),
     ];
 
diff --git a/static/js/timerender.js b/static/js/timerender.js
index 62203c5d4b..f8c442964f 100644
--- a/static/js/timerender.js
+++ b/static/js/timerender.js
@@ -121,10 +121,10 @@ function render_date_span(elem, rendered_time, rendered_time_above) {
     elem.text("");
     if (rendered_time_above !== undefined) {
         var pieces = [
-            '<i class="date-direction icon-vector-caret-up"></i>',
+            '<i class="date-direction fa fa-caret-up"></i>',
             rendered_time_above.time_str,
             '<hr class="date-line">',
-            '<i class="date-direction icon-vector-caret-down"></i>',
+            '<i class="date-direction fa fa-caret-down"></i>',
             rendered_time.time_str,
         ];
         elem.append(pieces);