diff --git a/modoboa/extensions/admin/templates/admin/listing.html b/modoboa/extensions/admin/templates/admin/listing.html
index cbcbbbc86..a4fd2a29e 100644
--- a/modoboa/extensions/admin/templates/admin/listing.html
+++ b/modoboa/extensions/admin/templates/admin/listing.html
@@ -9,13 +9,17 @@
 var admin;
 </script>
 {% endblock %}
-{% block leftcol %}<div class="well sidebar-nav">
-  <ul class="nav nav-list">
-    <li class="nav-header">{% trans "Filter" %}</li>
-    <li>{% include "admin/searchform.html" %}</li>
-    <li id="taglist"></li>
-    <li class="nav-header">{% trans "Actions" %}</li>
-    {% block actions %}{% endblock %}
+{% block leftcol %}<div class="well">
+  <ul class="nav">
+      <div class="side-bar-responsive">
+        <li class="nav-header">{% trans "Filter" %}</li>
+        <li>{% include "admin/searchform.html" %}</li>
+      </div>
+      <div class="side-bar-responsive">
+        <li id="taglist"></li>
+        <li class="nav-header">{% trans "Actions" %}</li>
+        {% block actions %}{% endblock %}
+      </div>
   </ul>
 </div>
 {% get_extra_admin_content user "leftcol" selection %}
diff --git a/modoboa/templates/twocols.html b/modoboa/templates/twocols.html
index 7737e9fc5..2d0db63e9 100644
--- a/modoboa/templates/twocols.html
+++ b/modoboa/templates/twocols.html
@@ -1,8 +1,8 @@
 {% extends "fluid.html" %}
 {% load core_tags %}
 {% block rowcontent %}
-<div class="span2">{% block leftcol %}{% endblock %}</div>
-<div class="span10">
+<div class="col-lg-2 col-md-3 col-sm-4 col-xs-12">{% block leftcol %}{% endblock %}</div>
+<div class="col-lg-10 col-md-12 col-sm-12 col-xs-12">
   {% if messages %}{% display_messages messages %}{% endif %}
   {% block apparea %}{% endblock %}
 </div>