diff --git a/steam_chat_viewer/templates/home.html b/steam_chat_viewer/templates/home.html
index f986260..6bbad2d 100644
--- a/steam_chat_viewer/templates/home.html
+++ b/steam_chat_viewer/templates/home.html
@@ -13,7 +13,16 @@
     <main>
       <ul class=sms_list>
 {% for message in messages: -%}
-        <li>{{ message }}</li>
+        <li class=message>
+          <div class=metadata>
+            <div class=from><a href="{{ url_for('home', filter=message['from_url']) }}">{{ message['from_name'] }}</a></div>
+            to
+            <div class=to><a href="{{ url_for('home', filter=message['to_url']) }}">{{ message['to_name'] }}</a></div>
+            at
+            <div class=date>{{ message['date'] }}</div>
+          </div>
+          <div class=body>{{ message['message'] }}</div>
+        </li>
 {% endfor -%}
       </ul>
     </main>