diff --git a/zephyr/static/js/zephyr.js b/zephyr/static/js/zephyr.js
index 094c4a3df5..0abb91ad7d 100644
--- a/zephyr/static/js/zephyr.js
+++ b/zephyr/static/js/zephyr.js
@@ -176,9 +176,9 @@ function select_zephyr(zephyr_id) {
     selected_zephyr_id = get_id(next_zephyr);
 
     // Clear the previous arrow.
-    $("#selected").closest("td").empty();
+    $("#selected").closest("td").empty().removeClass('selected_message_indicator');
 
-    next_zephyr.children("td:first").html('<p id="selected">&#x25b6;</p>');
+    next_zephyr.children("td:first").html('<p id="selected"></p>').addClass('selected_message_indicator');
     $.post("update", { pointer: selected_zephyr_id });
 
     var main_div = $("#main_div");
diff --git a/zephyr/static/styles/zephyr.css b/zephyr/static/styles/zephyr.css
index 9850d9db68..1b4e55e82b 100644
--- a/zephyr/static/styles/zephyr.css
+++ b/zephyr/static/styles/zephyr.css
@@ -219,3 +219,8 @@ div#bottom_whitespace {
   display: block;
   height: 60%;
 }
+
+td.selected_message_indicator {
+    background-color: blue;
+    width: 2px;
+}