diff --git a/web/themes/custom/geofresco/src/templates/layout/page.html.twig b/web/themes/custom/geofresco/src/templates/layout/page.html.twig
index 7ba968a..edc88dd 100644
--- a/web/themes/custom/geofresco/src/templates/layout/page.html.twig
+++ b/web/themes/custom/geofresco/src/templates/layout/page.html.twig
@@ -19,32 +19,32 @@
 {# We put everything in Bulma columns so must do navbar in header block #}
 {% endblock navbar %}
 {% block header %}
-<div class="header columns is-marginless">
+<div class="header columns is-mobile is-multiline is-marginless">
   {% block navbar_branding %}
   {{ page.navbar_branding }}
   {% endblock navbar_branding %}
   <nav class="navigation column">
     <div class="columns">
       {% if page.header_search %}
-      <div class="column search-bar is-hidden-mobile">
+      <div class="search-bar column has-text-right">
         {{ page.header_search }}
       </div>
       {% endif %}
       {% if page.header_user %}
-      <div class="user-account-menu column">
+      <div class="user-account-menu column is-narrow">
         {{ page.header_user }}
       </div>
       {% endif %}
       {% block navbar_social %}
       {% if page.navbar_social %}
-      <div class="column">
+      <div class="column is-narrow">
         {{ page.navbar_social }}
       </div>
       {% endif %}
       {% endblock navbar_social %}
       {% block primary_menu %}
       {% if page.primary_menu %}
-      <div class="column">
+      <div class="column is-narrow">
         {{ page.primary_menu }}
       </div>
       {% endif %}