diff --git a/public/css/styles.css b/public/css/styles.css
index e0cffa8..c0e806b 100644
--- a/public/css/styles.css
+++ b/public/css/styles.css
@@ -11,6 +11,12 @@ body {
   height: 100%; }
   body summary h2, body summary h3, body summary h4, body summary h5 {
     display: inline; }
+  body converse-muc-sidebar {
+    display: none !important; }
+  body div.converse-container {
+    width: 100%;
+    height: 400px;
+    margin-left: 0px; }
   body div.page-contents div.footer p.attribution {
     font-size: 0.8em; }
     body div.page-contents div.footer p.attribution a {
@@ -510,6 +516,14 @@ body {
   body div.page-contents table th, body div.page-contents table td {
     font-size: 20px; } }
 
+@media (min-width: 768px) {
+  body converse-muc-sidebar {
+    display: flex !important; }
+    body converse-muc-sidebar.hidden {
+      display: none !important; }
+  body div.converse-container {
+    margin-left: 15px; } }
+
 @media (min-width: 694px) {
   body div.carousel a {
     font-size: 20px; }
diff --git a/public/css/styles.scss b/public/css/styles.scss
index 9a29fde..b597371 100644
--- a/public/css/styles.scss
+++ b/public/css/styles.scss
@@ -23,6 +23,14 @@ body {
         display: inline;
     }
   }
+  converse-muc-sidebar {
+      display: none !important;
+  }
+  div.converse-container {
+     width: 100%;
+     height: 400px;
+     margin-left: 0px;
+  }
   div.page-contents div.footer p.attribution {
     font-size: $attribution_font_size;
     a {
@@ -767,6 +775,19 @@ body {
     }
   }
 }
+@media (min-width: 768px) {
+    body {
+        converse-muc-sidebar {
+            display: flex !important;
+            &.hidden {
+                display: none !important;
+            }
+        }
+        div.converse-container {
+         margin-left: 15px;
+        }
+    }
+}
 
 @media (min-width: 694px) {
   body {
diff --git a/templates/layouts/default.html.ep b/templates/layouts/default.html.ep
index c79fc1d..6c3a615 100644
--- a/templates/layouts/default.html.ep
+++ b/templates/layouts/default.html.ep
@@ -89,7 +89,7 @@
                 </div>
                 <hr/>
                 <div class="footer">
-                    <div style="width: 100%; height: 400px">
+                    <div class="converse-container">
                         <converse-root></converse-root>
                     </div>
                     <div class="description">
@@ -106,8 +106,8 @@
 %= include 'ads/_carousel'
         </div>
     </div>
-    <script src="/js/converse.min.js"></script>
-    <link rel="stylesheet" href="/css/converse.min.css"/>
+    <script src="/dist/converse.min.js"></script>
+    <link rel="stylesheet" href="/dist/converse.min.css"/>
     <script>
         converse.initialize({
                 bosh_service_url: 'https://anon.burguillos.info:5281/http-bind',
@@ -120,6 +120,7 @@
                 singleton: true,
                 view_mode: 'embedded',
                 auto_login: true,
+                show_desktop_notifications: false,
         });
     </script>
 </html>