diff --git a/steam_chat_viewer/static/style.css b/steam_chat_viewer/static/style.css
index e69de29..16023e1 100644
--- a/steam_chat_viewer/static/style.css
+++ b/steam_chat_viewer/static/style.css
@@ -0,0 +1,5 @@
+.contact {
+  display: inline list-item;
+}
+
+.message .meta
diff --git a/steam_chat_viewer/templates/home.html b/steam_chat_viewer/templates/home.html
index bd9a448..dca27a4 100644
--- a/steam_chat_viewer/templates/home.html
+++ b/steam_chat_viewer/templates/home.html
@@ -13,20 +13,20 @@
     <main>
       <ul class=contacts>
 {% for contact in contacts: -%}
-        <li><a href="{{ url_for('home', filter=contact['url']) }}">{{ contact['name'] }}</a></li>
+        <li class=contact><a href="{{ url_for('home', filter=contact['url']) }}">{{ contact['name'] }}</a></li>
 {% endfor -%}
       </ul>
       <ul class=messages>
 {% for message in messages: -%}
         <li class=message>
           <div class=metadata>
-            <div class=from><a href="{{ url_for('home', filter=message['from_url']) }}">{{ message['from_name'] }}</a></div>
+            <span class=from><a href="{{ url_for('home', filter=message['from_url']) }}">{{ message['from_name'] }}</a></span>
             to
-            <div class=to><a href="{{ url_for('home', filter=message['to_url']) }}">{{ message['to_name'] }}</a></div>
+            <span class=to><a href="{{ url_for('home', filter=message['to_url']) }}">{{ message['to_name'] }}</a></span>
             at
-            <div class=date>{{ message['date'] }}</div>
+            <span class=date>{{ message['date'] }}</span>
           </div>
-          <div class=body>{{ message['message'] }}</div>
+          <div class=body>{{ message['message'].replace('\n', '<br/>') }}</div>
         </li>
 {% endfor -%}
       </ul>