diff --git a/web/modules/custom/figli_compta_ledger/css/dashboard.css b/web/modules/custom/figli_compta_ledger/css/dashboard.css
index 3e511d2..e68991d 100644
--- a/web/modules/custom/figli_compta_ledger/css/dashboard.css
+++ b/web/modules/custom/figli_compta_ledger/css/dashboard.css
@@ -178,9 +178,25 @@ html.gin--dark-mode #figli-dashboard-app {
   justify-content: center;
   gap: 2px;
 }
-#figli-dashboard-app .figli-year-bar {
+/* Slot stays in normal flex flow (so justify-content/gap on
+   .figli-year-bars above still lays several bars out side by side) and
+   gives the bar a definite height (100% of the track) to anchor
+   against. The bar itself must be position: absolute, not relative --
+   with relative, an explicit height opts it out of the flex stretch
+   default, so it renders flex-start (top) aligned *first*, and the
+   top/bottom: 50% from barStyle() only *offsets* that already-top
+   position instead of anchoring the edge to the middle -- the visible
+   bug this replaces (bars pinned near the top instead of growing from
+   the zero line). */
+#figli-dashboard-app .figli-year-bar-slot {
   position: relative;
   width: 0.9rem;
+  height: 100%;
+}
+#figli-dashboard-app .figli-year-bar {
+  position: absolute;
+  left: 0;
+  right: 0;
   min-height: 2px;
   border-radius: 2px;
 }
diff --git a/web/modules/custom/figli_compta_ledger/js/dashboard-compte.js b/web/modules/custom/figli_compta_ledger/js/dashboard-compte.js
index e893bba..cb2506e 100644
--- a/web/modules/custom/figli_compta_ledger/js/dashboard-compte.js
+++ b/web/modules/custom/figli_compta_ledger/js/dashboard-compte.js
@@ -171,7 +171,9 @@
       '<div class="figli-year-col" v-for="y in years" :key="y.label">' +
       '<div class="figli-year-track">' +
       '<div class="figli-year-bars">' +
-      '<div class="figli-year-bar" v-for="(bar, i) in y.bars" :key="i" :style="barStyle(bar)" :title="bar.title + \' : \' + formatValue(bar.value)"></div>' +
+      '<div class="figli-year-bar-slot" v-for="(bar, i) in y.bars" :key="i">' +
+      '<div class="figli-year-bar" :style="barStyle(bar)" :title="bar.title + \' : \' + formatValue(bar.value)"></div>' +
+      '</div>' +
       '</div>' +
       '</div>' +
       '<div class="figli-year-label">{{ y.label }}</div>' +