diff --git a/modules/family-calendar/family-calendar.css b/modules/family-calendar/family-calendar.css
index 09923ef..050ed02 100644
--- a/modules/family-calendar/family-calendar.css
+++ b/modules/family-calendar/family-calendar.css
@@ -469,13 +469,25 @@ td.col-laia-sub {
    ========================================================= */
 
 #planningTable tbody td.col-sticky-mois {
-  writing-mode: vertical-rl;
-  transform: rotate(180deg);
+  position: sticky !important;
+  left: 0 !important;
+  z-index: 15 !important;
+  background: white !important;
+  padding: 0 !important;
   border: none !important;
   box-shadow:
     inset 1px 0 0 var(--pf-border),
     inset 0 1px 0 var(--pf-border) !important;
+}
+
+#planningTable tbody td.col-sticky-mois .fc-sticky-mois-label {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  writing-mode: vertical-rl;
   letter-spacing: 1px;
+  text-align: center;
 }
 
 /* 2. Sticky Semaine (Body) */
diff --git a/modules/family-calendar/family-calendar.js b/modules/family-calendar/family-calendar.js
index dfb3cef..26b4e66 100644
--- a/modules/family-calendar/family-calendar.js
+++ b/modules/family-calendar/family-calendar.js
@@ -605,7 +605,7 @@ document.addEventListener("DOMContentLoaded", () => {
           processedMonths[w.monthKey] = true;
           const td = document.createElement("td");
           td.className = "col-month col-sticky-mois";
-          td.textContent = w.monthName;
+          td.innerHTML = `<span class="fc-sticky-mois-label">${w.monthName}</span>`;
           td.rowSpan = monthSpans[w.monthKey];
           tr.appendChild(td);
         }