diff --git a/shared/templates/base.html b/shared/templates/base.html
index dc74653..61345d3 100644
--- a/shared/templates/base.html
+++ b/shared/templates/base.html
@@ -37,7 +37,7 @@
 
 <body>
   <nav class="level has-background-primary">
-    <div class="level-left pl-4">
+    <div class="level-left px-4">
       <div class="level-item">
         <a href="{% url "kadenios" %}">
           <h1 class="has-text-primary-light is-size-1 is-family-secondary">Kadenios</h1>
@@ -46,22 +46,24 @@
     </div>
 
     {% block auth %}
-    <div class="level-right pr-5">
+    <div class="level-right px-5">
       {% if user.is_authenticated %}
-      <div class="level-item mr-5">
-        <div class="tag">
-          {% blocktrans with name=user.get_username connection=user.connection_method %}Connecté·e en tant que {{ name }} par {{ connection }}{% endblocktrans %}
+      <div class="level is-mobile">
+        <div class="level-item mr-5">
+          <div class="tag">
+            {% blocktrans with name=user.get_username connection=user.connection_method %}Connecté·e en tant que {{ name }} par {{ connection }}{% endblocktrans %}
+          </div>
         </div>
-      </div>
 
-      <div class="level-item ml-3">
-        <a class="icon is-size-1 has-text-white" href="{% url 'authens:logout' %}?next={% if view.get_next_url %}{{ view.get_next_url }}{% else %}/{% endif %}">
-          <i class="fas fa-sign-out-alt"></i>
-        </a>
+        <div class="level-item ml-3 py-4">
+          <a class="icon is-size-1 has-text-white" href="{% url 'authens:logout' %}?next={% if view.get_next_url %}{{ view.get_next_url }}{% else %}/{% endif %}">
+            <i class="fas fa-sign-out-alt"></i>
+          </a>
+        </div>
       </div>
       {% else %}
 
-      <div class="level-item">
+      <div class="level-item py-2">
         <a class="tag has-text-primary is-size-5" href="{% url 'authens:login' %}?next={{ request.path }}">
           <span>{% trans "Se connecter" %}</span>
           <span class="icon">
