diff --git a/public/css/app/chat.styl b/public/css/app/chat.styl
index d98bc05..839ba84 100644
--- a/public/css/app/chat.styl
+++ b/public/css/app/chat.styl
@@ -45,17 +45,21 @@
       left: 11px
       vertical-align: top
 
+    .name, .call
+      float: left
+
     .name
       margin: 15px
       padding: 0px
       margin-left: 45px
       font-size: 14px
       line-height: 14px
+      max-width: 50%
 
     .tzo:not(:empty)
       position: absolute
       right: 15px
-      top: 25px
+      top: 28px
       height: 20px
       margin-top: -10px
       padding: 0 5px
@@ -67,6 +71,12 @@
       color: lighten($baseText, 30%)
       background: $grayOutline
 
+    .call
+      margin-top: 10px
+      height: 25px
+      line-height: 25px
+      min-width: 60px
+
 .messages
   margin: 0px
   padding: 0px
diff --git a/public/css/otalk.css b/public/css/otalk.css
index 5506da4..12b42d4 100644
--- a/public/css/otalk.css
+++ b/public/css/otalk.css
@@ -689,17 +689,22 @@ h3 {
   left: 11px;
   vertical-align: top;
 }
+.conversation header .name,
+.conversation header .call {
+  float: left;
+}
 .conversation header .name {
   margin: 15px;
   padding: 0px;
   margin-left: 45px;
   font-size: 14px;
   line-height: 14px;
+  max-width: 50%;
 }
 .conversation header .tzo:not(:empty) {
   position: absolute;
   right: 15px;
-  top: 25px;
+  top: 28px;
   height: 20px;
   margin-top: -10px;
   padding: 0 5px;
@@ -716,6 +721,12 @@ h3 {
   color: #898989;
   background: #e4e4e4;
 }
+.conversation header .call {
+  margin-top: 10px;
+  height: 25px;
+  line-height: 25px;
+  min-width: 60px;
+}
 .messages {
   margin: 0px;
   padding: 0px;