diff --git a/amadeus/static/css/base/amadeus.css b/amadeus/static/css/base/amadeus.css
index 5aab62f..4ac7b1b 100755
--- a/amadeus/static/css/base/amadeus.css
+++ b/amadeus/static/css/base/amadeus.css
@@ -1297,6 +1297,7 @@ div.dataTables_wrapper div.dataTables_paginate {
 /* Chat */
 .participants-group, .talks-group {
     margin-left: 40px;
+    margin-right: 5px;
 }
 
 .participant {
diff --git a/amadeus/static/css/base/amadeus_responsive.css b/amadeus/static/css/base/amadeus_responsive.css
index 94278db..36b813d 100755
--- a/amadeus/static/css/base/amadeus_responsive.css
+++ b/amadeus/static/css/base/amadeus_responsive.css
@@ -210,7 +210,7 @@
     	padding: 0px;
     }
 
-    .talks-group {
+    .talks-group, .participants-group {
     	margin-left: 0px;
     	margin-right: 0px;
     }
diff --git a/chat/templates/chat/_view_participant.html b/chat/templates/chat/_view_participant.html
index cc3603d..3ff80aa 100644
--- a/chat/templates/chat/_view_participant.html
+++ b/chat/templates/chat/_view_participant.html
@@ -2,14 +2,14 @@
 
 {% is_online participant as status %}
 
-<div class="col-md-12 col-sm-12 participant panel">
-    <div class="col-md-1 col-sm-1 user-img">
+<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 participant panel">
+    <div class="col-md-1 col-sm-1 col-xs-2 user-img">
         <img src="{{ participant.image_url }}" class="img-responsive" />
     </div>
-    <div class="col-md-4 col-sm-4 user-info">
+    <div class="col-md-4 col-sm-4 col-xs-10 user-info">
         <h4><a class="user_{{ participant.id }}_status status {{ status }}" data-toggle="tooltip" title="{{ status|status_text }}"></a> {{ participant }}</h4>
     </div>
-    <div class="col-md-6 col-sm-6 buttons pull-right text-center">
+    <div class="col-md-6 col-sm-6 col-xs-12 buttons pull-right text-center">
         <a href="#" onclick="getModalInfo($(this), '{{ space }}', '{{ space_type }}'); return false;" data-url='{% url "chat:profile" participant.email %}' class="btn btn-raised btn-default">{% trans 'See Profile' %}</a>
         <a href="#" onclick="getModalInfo($(this), '{{ space }}', '{{ space_type }}'); return false;" data-url='{% url "chat:talk" participant.email %}' class="btn btn-raised btn-success">{% trans 'Send Message' %}</a>
     </div>
diff --git a/chat/templates/chat/list.html b/chat/templates/chat/list.html
index 2c5f08d..f1ab183 100644
--- a/chat/templates/chat/list.html
+++ b/chat/templates/chat/list.html
@@ -41,7 +41,7 @@
             		<div class="panel category-panel-content panel-body">
                         <h2 class="my-subjects-title"><b>{% trans 'Conversations' %}</b></h2>
 
-                        <div class="talks-group">
+                        <div class="talks-group row">
                             {% for chat in conversations %}
                                 {% include 'chat/_view.html' with space="0" space_type='general' %}
                             {% endfor %}
diff --git a/chat/templates/chat/list_participants.html b/chat/templates/chat/list_participants.html
index edaaa40..9c13090 100644
--- a/chat/templates/chat/list_participants.html
+++ b/chat/templates/chat/list_participants.html
@@ -43,7 +43,7 @@
             		<div class="panel category-panel-content panel-body">
                         <h2 class="my-subjects-title"><b>{% trans 'Participants' %}</b></h2>
 
-                        <div class="participants-group">
+                        <div class="participants-group row">
                             {% for participant in participants %}
                                 {% include 'chat/_view_participant.html' with space="0" space_type='general' %}
                             {% endfor %}
--
libgit2 0.21.2