diff --git a/static/styles.css b/static/styles.css
index b572f0e..70a16db 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -1,9 +1,16 @@
 *{
     padding: 0;
     margin: 0;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+
+}
+.content {
+    max-width: 500px;
+    margin: auto;
 }
 
 h2{
+    padding-top: 20px;
 }
 
 small{
diff --git a/templates/index.html b/templates/index.html
index 2c1a7de..73c31b4 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -8,6 +8,13 @@
 </head>
 
 <body>
+        <div class="content">
+    <h2>Online Members</h2>
+    <ul>
+        {{range .Clients}}
+        <li>{{.Nickname}}</li>
+        {{end}}
+    </ul>
     <h2>{{.Server.Name}}</h2>
     <!-- <small>{{.Server.Version}}</small> -->
     {{$clients := .Clients}}
@@ -20,6 +27,7 @@
             {{end}}
         {{end}}
     {{end}}
+</div>
 </body>
 
 </html>
\ No newline at end of file
