diff --git a/public/css/app/chat.styl b/public/css/app/chat.styl
index a199cf6..d9f0c42 100644
--- a/public/css/app/chat.styl
+++ b/public/css/app/chat.styl
@@ -66,7 +66,6 @@
   bottom: 75px
   width: 100%
   borderbox()
-  background: lighten($activeBlue, 97%)
 
   li
     position: relative
@@ -74,7 +73,7 @@
     list-style: none
     padding: 10px 0
     width: 100%
-    min-height: 40px
+    min-height: 50px
     display: block
     borderbox()
     border-bottom: 1px solid $grayOutline
@@ -83,16 +82,14 @@
       border: none
 
     .messageAvatar
-      position: relative
-      display: inline-block
-      float: left
-      width: 30px
-      height: 30px
-      margin: 0px 8px 8px 8px
+      position: absolute
+      top: 50%
+      left: 10px
+      margin-top: -15px
 
       img
         avatar()
-        border: 1px solid red
+
       .name
         text-indent: -9999em
         position: absolute
diff --git a/public/css/otalk.css b/public/css/otalk.css
index b89124d..0b6faac 100644
--- a/public/css/otalk.css
+++ b/public/css/otalk.css
@@ -683,7 +683,6 @@ h3 {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
-  background: #f7fdff;
 }
 .messages li {
   position: relative;
@@ -691,7 +690,7 @@ h3 {
   list-style: none;
   padding: 10px 0;
   width: 100%;
-  min-height: 40px;
+  min-height: 50px;
   display: block;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
@@ -702,12 +701,10 @@ h3 {
   border: none;
 }
 .messages li .messageAvatar {
-  position: relative;
-  display: inline-block;
-  float: left;
-  width: 30px;
-  height: 30px;
-  margin: 0px 8px 8px 8px;
+  position: absolute;
+  top: 50%;
+  left: 10px;
+  margin-top: -15px;
 }
 .messages li .messageAvatar img {
   width: 30px;
@@ -718,7 +715,6 @@ h3 {
   -o-border-radius: 50px;
   -border-radius: 50px;
   border-radius: 50px;
-  border: 1px solid #f00;
 }
 .messages li .messageAvatar .name {
   text-indent: -9999em;