diff --git a/modoboa/extensions/webmail/templates/webmail/index.html b/modoboa/extensions/webmail/templates/webmail/index.html
index f4b3e2652..5758dc504 100644
--- a/modoboa/extensions/webmail/templates/webmail/index.html
+++ b/modoboa/extensions/webmail/templates/webmail/index.html
@@ -29,12 +29,17 @@ $(document).ready(function() {
 });
 </script>
 {% endblock %}
+
 {% block fixed_content %}
-<div id="leftcol" class="col-lg-2">
-  <div id="folders" class="well sidebar-nav">{{ mboxes }}</div>
+<div class="row">
+    <div id="leftcol" class="col-lg-2 col-md-3 col-ms-3 col-xs-0">
+      <div id="folders" class="well sidebar-nav">{{ mboxes }}</div>
+    </div>
+    <div id="rightcol" class="col-lg-9 col-md-12 col-ms-12 col-xs-12">
+        <div id="menubar" class="col-lg-12 col-md-12 col-ms-12 col-xs-12"></div>
+        <div id="listing" class="col-lg-12 col-md-12 col-ms-12 col-xs-12"></div>
+    </div>
 </div>
-<div id="menubar" class="col-lg-10"></div>
-<div id="listing" class="col-lg-10"></div>
 {% endblock %}
 {% block footerleft %}
 {% if quota != -1 %}