diff --git a/chat/indico_chat/templates/event_page.html b/chat/indico_chat/templates/event_page.html
index 9d22141..bdbc39e 100644
--- a/chat/indico_chat/templates/event_page.html
+++ b/chat/indico_chat/templates/event_page.html
@@ -1,65 +1,55 @@
 <h2 class="page-title">{% trans %}Chat Rooms{% endtrans %}</h2>
-
-<table class="infoTable" width="100%" align="center" border="0" cellspacing="0">
-    <thead>
-        <tr>
-            <td class="tableHeader">{% trans %}Name{% endtrans %}</td>
-            <td class="tableHeader">{% trans %}JID{% endtrans %}</td>
-            <td class="tableHeader">{% trans %}Server{% endtrans %}</td>
-            {% if 'description' in cols -%}
-                <td class="tableHeader">{% trans %}Description{% endtrans %}</td>
-            {% endif %}
-            {% if 'password' in cols -%}
-                <td class="tableHeader">{% trans %}Password{% endtrans %}</td>
-            {% endif %}
-            {% if chat_links %}
-                <td class="tableHeader">{% trans %}Actions{% endtrans %}</td>
-            {% endif %}
-        </tr>
-    </thead>
-    <tbody>
-        {% for event_chatroom in event_chatrooms %}
-            {% set chatroom = event_chatroom.chatroom %}
-            {% set server = chatroom.server %}
-
-            <tr class="infoTR" style="vertical-align: baseline;">
-                <td class="infoTD">{{ chatroom.name }}</td>
-                <td class="infoTD">{{ chatroom.jid_node }}</td>
-                <td class="infoTD">{{ server }}</td>
-                {% if 'description' in cols -%}
-                    <td class="infoTD">{{ chatroom.description }}</td>
-                {% endif %}
-                {% if 'password' in cols %}
-                    <td class="infoTD">
-                        {% if chatroom.password %}
+<div>
+    {% for event_chatroom in event_chatrooms %}
+        {% set chatroom = event_chatroom.chatroom %}
+        {% set server = chatroom.server %}
+        <div class="event-service-row">
+            <div class="event-service-row-collapsed clearfix">
+                <div class="event-service-info event-service-row-toggle left">
+                    <i class="icon-bubble-quote"></i>
+                    <span class="event-service-title">{{ chatroom.name }}</span>
+                </div>
+                <div class="event-service-toolbar toolbar right">
+                    {% if chat_links %}
+                        <div class="group">
+                            <a class="i-button i-button-small arrow event-service-right-button dropDownMenu highlight join-button" data-toggle="dropdown" target="_blank"><strong>{% trans %}Join{% endtrans %}</strong></a>
+                            <ul class="dropdown">
+                                {% for chat_link in chat_links %}
+                                    <li><a class="fakeLink" href="{{ chat_link.link.format(room=chatroom.jid_node, server=server) }}" target="_blank">{{ chat_link.title }}</a></li>
+                                {% endfor %}
+                            </ul>
+                        </div>
+                    {% endif %}
+                </div>
+            </div>
+            <div class="event-service-details">
+                <dl>
+                    {% if chatroom.jid_node != chatroom.name.lower() %}
+                        <dt>JID:</dt>
+                        <dd>{{ chatroom.jid_node }}</dd>
+                    {% endif %}
+                    <dt>{% trans %}Server{% endtrans %}:</dt>
+                    <dd>{{ chatroom.server }}</dd>
+                    {% if chatroom.description %}
+                        <dt>{% trans %}Description{% endtrans %}:</dt>
+                        <dd>{{ chatroom.description }}</dd>
+                    {% endif %}
+                    {% if chatroom.password %}
+                        <dt>{% trans %}Password{% endtrans %}:</dt>
+                        <dd>
                             {% if event_chatroom.show_password %}
                                 {{ chatroom.password }}
                             {% else %}
                                 <i>{% trans %}Hidden{% endtrans %}</i>
                             {% endif %}
-                        {% else %}
-                            <i>{% trans %}None{% endtrans %}</i>
-                        {% endif %}
-                    </td>
-                {% endif %}
-                {% if chat_links %}
-                    <td style="white-space: nowrap;">
-                        <div class="toolbar js-chat-links" style="margin: 0; min-height: 0;">
-                            <div class="group">
-                                <a class="i-button i-button-mini arrow event-service-right-button dropDownMenu highlight join-button" data-toggle="dropdown" target="_blank"><strong>{% trans %}Join{% endtrans %}</strong></a>
-                                <ul class="dropdown">
-                                    {% for chat_link in chat_links %}
-                                        <li><a class="fakeLink" href="{{ chat_link.link.format(room=chatroom.jid_node, server=server) }}" target="_blank">{{ chat_link.title }}</a></li>
-                                    {% endfor %}
-                                </ul>
-                            </div>
-                        </div>
-                    </td>
-                {% endif %}
-            </tr>
-        {% endfor %}
-    </tbody>
-</table>
+                        </dd>
+                    {% endif %}
+                </dl>
+            </div>
+            <a class="trigger icon-expand" title="{% trans %}More info{% endtrans %}"></a>
+        </div>
+    {% endfor %}
+</div>
 <script>
-    $('.js-chat-links').dropdown();
+    $('.event-service-toolbar').dropdown();
 </script>
diff --git a/chat/indico_chat/views.py b/chat/indico_chat/views.py
index 163d819..33cdddd 100644
--- a/chat/indico_chat/views.py
+++ b/chat/indico_chat/views.py
@@ -33,6 +33,12 @@ class WPChatEventPage(WPJinjaMixinPlugin, WPConferenceDefaultDisplayBase):
         WPConferenceDefaultDisplayBase._defineSectionMenu(self)
         self._sectionMenu.setCurrentItem(self._sectionMenu.getLinkByName('chat-event-page'))
 
+    def getCSSFiles(self):
+        return WPConferenceDefaultDisplayBase.getCSSFiles(self) + self._asset_env['eventservices_sass'].urls()
+
+    def getJSFiles(self):
+        return WPConferenceDefaultDisplayBase.getJSFiles(self) + self._asset_env['modules_event_display_js'].urls()
+
 
 class WPChatEventMgmt(WPJinjaMixinPlugin, WPConferenceModifBase):
     def _setActiveSideMenuItem(self):