diff --git a/app/views/moods/index.html.erb b/app/views/moods/index.html.erb
index a408d8a..4249d96 100644
--- a/app/views/moods/index.html.erb
+++ b/app/views/moods/index.html.erb
@@ -1,20 +1,17 @@
 <main data-controller="mood" class="columns m-auto">
-  <div class="current-day column">
+  <div class="current-day column is-hidden-mobile">
     <section class="m-4">
-      <div class="is-hidden-tablet mb-4">
-        <div class="" data-mood-target="modeDayMobile">Aujourd'hui</div>
-      </div>
-      <figure class="image is-hidden-mobile has-ratio ">
+      <figure class="image has-ratio">
         <%= image_tag(@mode + ".jpg", "data-mood-target": "image") %>
       </figure>
     </section>
   </div>
   <section class="section column has-background-primary-light is-flex is-flex-direction-column is-justify-content-space-around">
-    <div class="is-hidden-mobile mb-4">
-      <div class="title is-3" data-mood-target="modeDay">Aujourd'hui</div>
-    </div>
     <div class="tracker">
       <div class="legend is-flex is-flex-wrap-wrap mb-5">
+        <div class="is-flex is-align-items-center mr-4">
+          <div class=""><strong>Légende</strong></div>
+        </div>
         <div class="is-flex is-align-items-center mr-4">
           <div class="bar-frigo mr-1"></div>
           <div class="">Triste</div>
@@ -36,6 +33,12 @@
           <div class="">A fond</div>
         </div>
       </div>
+      <div class="container mb-4 p-3 has-background-white day-info">
+        <div class="title is-4" data-mood-target="modeDay">
+          <span class="icon"><i class="fa-regular fa-calendar"></i></span>
+            Aujourd'hui
+        </div>
+      </div>
       <div class="logs">
         <div class="is-flex is-flex-direction-row is-flex-wrap-wrap mb-3">
           <% @history.each do |month| %>