diff --git a/templates/zephyr/activity.html b/templates/zephyr/activity.html
index ffe3035ee6..7f790a3f4b 100644
--- a/templates/zephyr/activity.html
+++ b/templates/zephyr/activity.html
@@ -7,31 +7,38 @@
 {% for name, has_pointer, rows in data %}
 
     <h2>{{ name }} usage</h2>
-    <table class="table">
+    <table class="table sortable table-striped table-bordered">
+    <thead class="activity_head">
     <tr>
-    <td>User</td>
-    <td>Last get_updates</td>
-    <td>Last send_message</td>
+    <th>User</th>
+    <th>Last get_updates</th>
+    <th>Last send_message</th>
     {% if has_pointer %}
-    <td>Last update_pointer</td>
-    <td>Number of pointer updates</td>
+    <th>Last update_pointer</th>
+    <th>Number of pointer updates</th>
     {% endif %}
-    <td>Number of messages sent</td>
+    <th>Number of messages sent</th>
     </tr>
+    </thead>
+    <tbody>
     {% for row in rows %}
         <tr>
         <td>{{ row.email }}</td>
-        <td>{{ row.get_updates_last }}</td>
-        <td>{{ row.send_message_last }}</td>
+        <td sorttable_customkey="{{ row.get_updates_last|date:'YmdHi' }}">{{ row.get_updates_last }}</td>
+        <td sorttable_customkey="{{ row.send_message_last|date:'YmdHi' }}">{{ row.send_message_last }}</td>
         {% if has_pointer %}
-        <td>{{ row.update_pointer_last }}</td>
+        <td sorttable_customkey="{{ row.update_pointer_last|date:'YmdHi' }}">{{ row.update_pointer_last }}</td>
         <td>{{ row.update_pointer_count }}</td>
         {% endif %}
         <td>{{ row.send_message_count }}</td>
         </tr>
     {% endfor %}
+    </tbody>
     </table>
 
 {% endfor %}
 
+<script type="text/javascript" src="/static/third/sorttable/sorttable.js"></script>
+<link href='{{ static_hidden }}styles/activity.css?dummy_time={% now "U" %}' rel='stylesheet'>
+
 {% endblock %}
diff --git a/zephyr/static-access-control/4nrjx8cwce2bka8r/styles/activity.css b/zephyr/static-access-control/4nrjx8cwce2bka8r/styles/activity.css
new file mode 120000
index 0000000000..9a4deba6bf
--- /dev/null
+++ b/zephyr/static-access-control/4nrjx8cwce2bka8r/styles/activity.css
@@ -0,0 +1 @@
+../../../static/styles/activity.css
\ No newline at end of file
diff --git a/zephyr/static/styles/activity.css b/zephyr/static/styles/activity.css
new file mode 100644
index 0000000000..3efe34ee4e
--- /dev/null
+++ b/zephyr/static/styles/activity.css
@@ -0,0 +1,3 @@
+.activity_head {
+    background-color: aliceblue;
+}