diff --git a/src/thsf/static/css/tooltip.css b/src/thsf/static/css/tooltip.css
index 549bcad..4623f59 100644
--- a/src/thsf/static/css/tooltip.css
+++ b/src/thsf/static/css/tooltip.css
@@ -6,7 +6,6 @@
 
 .tooltip .tooltiptext {
   visibility: hidden;
-  width: 120px;
   background-color: var(--main-color);
   color: var(--alt-color);
   text-align: center;
@@ -18,7 +17,7 @@
   left: 50%;
   margin-left: -60px;
   opacity: 0;
-  transition: opacity 0.3s;
+  transition: opacity 1s;
 }
 
 .tooltip .tooltiptext::after {
@@ -35,4 +34,5 @@
 .tooltip:hover .tooltiptext {
   visibility: visible;
   opacity: 1;
+  font-size: 1em;
 }
diff --git a/src/thsf/templates/index.html b/src/thsf/templates/index.html
index 292e3a3..a65f231 100644
--- a/src/thsf/templates/index.html
+++ b/src/thsf/templates/index.html
@@ -37,52 +37,52 @@
   <i class="button tooltip black fa-regular fa-calendar"
     title="Programme"
     alt="Programme">
-    <span class="tooltiptext">Programme</span>
+    <span class="tooltiptext thin">Programme</span>
   </i>
   <i class="button tooltip black fa-solid fa-map-location-dot"
     title="Le Lieu"
     alt="Le Lieu">
-    <span class="tooltiptext">Le lieu</span>
+    <span class="tooltiptext thin">Le lieu</span>
   </i>
   <i class="button tooltip black fa-solid fa-burger"
     title="Restauration"
     alt="Restauration">
-    <span class="tooltiptext">Restauration</span>
+    <span class="tooltiptext thin">Restauration</span>
   </i>
   <i class="button tooltip black fa-solid fa-shirt"
     title="T-shirt et goodies"
     alt="T-shirt et goodies">
-    <span class="tooltiptext">Goodies</span>
+    <span class="tooltiptext thin">Goodies</span>
   </i>
   <i class="button tooltip black fa-solid fa-guitar"
     title="Concerts et DJ sets"
     alt="Concerts et DJ sets">
-    <span class="tooltiptext">Concerts et DJ sets</span>
+    <span class="tooltiptext thin">Concerts et DJ sets</span>
   </i>
   <i class="button tooltip black fa-solid fa-screwdriver-wrench"
     title="Ateliers"
     alt="Ateliers">
-    <span class="tooltiptext">Ateliers</span>
+    <span class="tooltiptext thin">Ateliers</span>
   </i>
   <i class="button tooltip black fa-solid fa-film"
     title="Projections"
     alt="Projections">
-    <span class="tooltiptext">Projections</span>
+    <span class="tooltiptext thin">Projections</span>
   </i>
   <i class="button tooltip black fa-solid fa-users-line"
     title="Tables rondes"
     alt="Tables rondes">
-    <span class="tooltiptext">Tables rondes</span>
+    <span class="tooltiptext thin">Tables rondes</span>
   </i>
   <i class="button tooltip black fa-solid fa-palette"
     title="Expositions"
     alt="Expositions">
-    <span class="tooltiptext">Expositions</span>
+    <span class="tooltiptext thin">Expositions</span>
   </i>
   <i class="button tooltip black fa-solid fa-person-chalkboard"
     title="Conférences"
     alt="Conférences">
-    <span class="tooltiptext">Conférences</span>
+    <span class="tooltiptext thin">Conférences</span>
   </i>
 </div>
 {% endblock %}