diff --git a/website/styles/chat.css b/website/styles/chat.css
index c26366a..82e3e6d 100644
--- a/website/styles/chat.css
+++ b/website/styles/chat.css
@@ -19,12 +19,16 @@
     background-color: white;
 }
 
-
 /* List of chats. */
 .chat-list {
     height: 600px;
     overflow-y: auto;
     padding: 10px;
+    text-align: left;
+}
+
+.chat-conversation {
+    margin: 5px;
 }
 
 .chat-right {
diff --git a/website/views/chat-view.php b/website/views/chat-view.php
index 1e3f7f1..00f39fb 100644
--- a/website/views/chat-view.php
+++ b/website/views/chat-view.php
@@ -2,7 +2,11 @@
     <div class="chat">
         <div class="chat-left">
             <div class="chat-list">
-                Friends?
+                <h5>Chats</h5>
+                <a href="#"><div class="chat-conversation">
+                    <img class="profile-picture" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTDnuRSeeyPve7KwDvJJ6OBzj3gyghwLcE2z9kZeYBOyZavh3mw">
+                    Rudolf Leslo
+                </div></a>
             </div>
         </div>