diff --git a/static/metz-metropole-2019/extra.js b/static/metz-metropole-2019/extra.js
index d4beacf2..7ccdef33 100644
--- a/static/metz-metropole-2019/extra.js
+++ b/static/metz-metropole-2019/extra.js
@@ -26,21 +26,34 @@ $(function() {
   $('button.metropole').on('click', function() {
     $('#columns').removeClass();
     $('#filter-view input').val('');
-    $('#mobile-filters').hide();
+    var mql = window.matchMedia("screen and (max-width: 800px)");
+    if (mql.matches) { /* on mobile */
+      $('#filter-view').toggleClass('with-filters');
+    } else {
+      $('#mobile-filters').hide();
+    }
     $('#columns .cell').hide();
     $('#columns .cell.metropole').show();
   });
   $('button.commune').on('click', function() {
     $('#columns').removeClass();
     $('#filter-view input').val('');
-    $('#mobile-filters').hide();
+    if (mql.matches) { /* on mobile */
+      $('#filter-view').toggleClass('with-filters');
+    } else {
+      $('#mobile-filters').hide();
+    }
     $('#columns .cell').hide();
     $('#columns .cell.commune').show();
   });
   $('button.favoris').on('click', function() {
     $('#columns').removeClass().addClass('display-favoris');
     $('#filter-view input').val('');
-    $('#mobile-filters').hide();
+    if (mql.matches) { /* on mobile */
+      $('#filter-view').toggleClass('with-filters');
+    } else {
+      $('#mobile-filters').hide();
+    }
     $('#columns .cell').hide();
     $('#columns .cell.favori').show();
   });