diff --git a/assets/css/pages/groups/pages/conversation.css b/assets/css/pages/groups/pages/conversation.css
index 81a83074..ea2106a7 100644
--- a/assets/css/pages/groups/pages/conversation.css
+++ b/assets/css/pages/groups/pages/conversation.css
@@ -4,7 +4,13 @@
  * @author Pierre Hubert
  */
 
-.group-page-conversation {
+.group-page-conversation, .group-page-conversation .col-md-6  {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+}
+
+.group-page-conversation .col-md-6 {
     margin: auto;
     float: none;
 }
diff --git a/assets/js/pages/groups/pages/conversation.js b/assets/js/pages/groups/pages/conversation.js
index b5642e2e..79f01d48 100644
--- a/assets/js/pages/groups/pages/conversation.js
+++ b/assets/js/pages/groups/pages/conversation.js
@@ -17,8 +17,8 @@ const GroupConversationPage = {
         const convTarget = createElem2({
             appendTo: target,
             type: "div",
-            class: "row",
-            innerHTML: "<div class='col-md-6 group-page-conversation'></div>"
+            class: "row group-page-conversation",
+            innerHTML: "<div class='col-md-6'></div>"
         }).children[0]