diff --git a/src/views/Project.vue b/src/views/Project.vue
index 4a02a72..06f6bc6 100644
--- a/src/views/Project.vue
+++ b/src/views/Project.vue
@@ -6,122 +6,130 @@
     </header>
     <div class="kanban">
       <section 
-        class="flow"
+        class="flex-1"
         aria-labelledby="votre-brief-label"
         data-status="done"
       >
         <h2 id="votre-brief-label">
           <span data-icon="votre-brief">Votre brief</span>
         </h2>
-        <article class="card">
-          <hgroup class="order-last">
-            <h3 class="card__title | font-serif | text-lg">Votre Brief</h3>
-          </hgroup>
-          <div class="card__meta | flex">
-            <time class="card__date | text-grey-700" datetime="2024-06-12">12 juin 2024</time>
-          </div>
-          <figure class="card__images" data-count="13">
-            <img
-              src="http://localhost:8888/media/pages/inspirations/shape-of-the-nature/6ed93d6950-1725442486/d82f18573c439d6edd434ffca62471a7.png"
-              alt=""
-            />
-            <img
-              src="http://localhost:8888/media/pages/inspirations/shape-of-the-nature/7b0fcc5012-1725442486/37a038883c87973036232aa0e43f6da2.png"
-              alt=""
-            />
-            <img
-              src="http://localhost:8888/media/pages/inspirations/shape-of-the-nature/1bbe051c5a-1725442486/0c41d3266e9ce2872f30608cceb28239.png"
-              alt=""
-            />
-          </figure>
-        </article>
+        <div class="cards | flow">
+          <article class="card">
+            <hgroup class="order-last">
+              <h3 class="card__title | font-serif | text-lg">Votre Brief</h3>
+            </hgroup>
+            <div class="card__meta | flex">
+              <time class="card__date | text-grey-700" datetime="2024-06-12">12 juin 2024</time>
+            </div>
+            <figure class="card__images" data-count="13">
+              <img
+                src="http://localhost:8888/media/pages/inspirations/shape-of-the-nature/6ed93d6950-1725442486/d82f18573c439d6edd434ffca62471a7.png"
+                alt=""
+              />
+              <img
+                src="http://localhost:8888/media/pages/inspirations/shape-of-the-nature/7b0fcc5012-1725442486/37a038883c87973036232aa0e43f6da2.png"
+                alt=""
+              />
+              <img
+                src="http://localhost:8888/media/pages/inspirations/shape-of-the-nature/1bbe051c5a-1725442486/0c41d3266e9ce2872f30608cceb28239.png"
+                alt=""
+              />
+            </figure>
+          </article>
+        </div>
       </section>
       <section 
-        class="flow"
+        class="flex-1"
         aria-labelledby="offre-commerciale-label"
         data-status="done"
       >
         <h2 id="offre-commerciale-label">
           <span data-icon="offre-commerciale">Offre Commerciale</span>
         </h2>
-        <article class="card">
-          <hgroup class="order-last">
-            <h3 class="card__title | font-serif | text-lg">Offre - 2</h3>
-            <p class="text-primary | font-medium">4 commentaires</p>
-          </hgroup>
-          <div class="card__meta | flex">
-            <time class="card__date | text-grey-700" datetime="2024-06-12">12 juin 2024</time>
-            <span class="text-primary | font-medium | ml-auto">Validé</span>
-          </div>
-          <figure class="card__images">
-            <img
-              src="http://localhost:8888/media/pages/inspirations/shape-of-the-nature/6ed93d6950-1725442486/d82f18573c439d6edd434ffca62471a7.png"
-              alt=""
-            />
-          </figure>
-        </article>
-        <article class="card">
-          <hgroup class="order-last">
-            <h3 class="card__title | font-serif | text-lg">Offre - 3</h3>
-            <p class="text-primary | font-medium">4 commentaires</p>
-          </hgroup>
-          <div class="card__meta | flex">
-            <time class="card__date | text-grey-700" datetime="2024-06-12">12 juin 2024</time>
-          </div>
-        </article>
-        <article class="card">
-          <hgroup class="order-last">
-            <h3 class="card__title | font-serif | text-lg">Offre Initiale</h3>
-            <p class="text-primary | font-medium">4 commentaires</p>
-          </hgroup>
-          <div class="card__meta | flex">
-            <time class="card__date | text-grey-700" datetime="2024-06-12">12 juin 2024</time>
-          </div>
-        </article>
+        <div class="cards | flow">
+          <article class="card">
+            <hgroup class="order-last">
+              <h3 class="card__title | font-serif | text-lg">Offre - 2</h3>
+              <p class="text-primary | font-medium">4 commentaires</p>
+            </hgroup>
+            <div class="card__meta | flex">
+              <time class="card__date | text-grey-700" datetime="2024-06-12">12 juin 2024</time>
+              <span class="text-primary | font-medium | ml-auto">Validé</span>
+            </div>
+            <figure class="card__images">
+              <img
+                src="http://localhost:8888/media/pages/inspirations/shape-of-the-nature/6ed93d6950-1725442486/d82f18573c439d6edd434ffca62471a7.png"
+                alt=""
+              />
+            </figure>
+          </article>
+          <article class="card">
+            <hgroup class="order-last">
+              <h3 class="card__title | font-serif | text-lg">Offre - 3</h3>
+              <p class="text-primary | font-medium">4 commentaires</p>
+            </hgroup>
+            <div class="card__meta | flex">
+              <time class="card__date | text-grey-700" datetime="2024-06-12">12 juin 2024</time>
+            </div>
+          </article>
+          <article class="card">
+            <hgroup class="order-last">
+              <h3 class="card__title | font-serif | text-lg">Offre Initiale</h3>
+              <p class="text-primary | font-medium">4 commentaires</p>
+            </hgroup>
+            <div class="card__meta | flex">
+              <time class="card__date | text-grey-700" datetime="2024-06-12">12 juin 2024</time>
+            </div>
+          </article>
+        </div>
       </section>
       <section 
-        class="flow"
+        class="flex-1"
         aria-labelledby="brief-enrichi-label"
         data-status="in-progress"
         >
         <h2 id="brief-enrichi-label">
           <span data-icon="brief-enrichi">Brief Enrichi</span>
         </h2>
-        <article class="card">
-          <hgroup class="order-last">
-            <h3 class="card__title | font-serif | text-lg">Brief enrichi</h3>
-            <p class="text-primary | font-medium">4 commentaires</p>
-          </hgroup>
-          <div class="card__meta | flex">
-            <time class="card__date | text-grey-700" datetime="2024-06-12">12 juin 2024</time>
-            <span class="text-primary | font-medium | ml-auto">Validé</span>
-          </div>
-          <figure class="card__images" data-count="15">
-            <img
-              src="http://localhost:8888/media/pages/inspirations/shape-of-the-nature/6ed93d6950-1725442486/d82f18573c439d6edd434ffca62471a7.png"
-              alt=""
-            />
-            <img
-              src="http://localhost:8888/media/pages/inspirations/shape-of-the-nature/7b0fcc5012-1725442486/37a038883c87973036232aa0e43f6da2.png"
-              alt=""
-            />
-            <img
-              src="http://localhost:8888/media/pages/inspirations/shape-of-the-nature/1bbe051c5a-1725442486/0c41d3266e9ce2872f30608cceb28239.png"
-              alt=""
-            />
-          </figure>
-        </article>
+        <div class="cards | flow">
+          <article class="card">
+            <hgroup class="order-last">
+              <h3 class="card__title | font-serif | text-lg">Brief enrichi</h3>
+              <p class="text-primary | font-medium">4 commentaires</p>
+            </hgroup>
+            <div class="card__meta | flex">
+              <time class="card__date | text-grey-700" datetime="2024-06-12">12 juin 2024</time>
+              <span class="text-primary | font-medium | ml-auto">Validé</span>
+            </div>
+            <figure class="card__images" data-count="15">
+              <img
+                src="http://localhost:8888/media/pages/inspirations/shape-of-the-nature/6ed93d6950-1725442486/d82f18573c439d6edd434ffca62471a7.png"
+                alt=""
+              />
+              <img
+                src="http://localhost:8888/media/pages/inspirations/shape-of-the-nature/7b0fcc5012-1725442486/37a038883c87973036232aa0e43f6da2.png"
+                alt=""
+              />
+              <img
+                src="http://localhost:8888/media/pages/inspirations/shape-of-the-nature/1bbe051c5a-1725442486/0c41d3266e9ce2872f30608cceb28239.png"
+                alt=""
+              />
+            </figure>
+          </article>
+        </div>
       </section>
       <section
-        class="flow"
+        class="flex-1"
         aria-labelledby="echantillon-virtuel-label"
         data-status="uncompleted"
       >
         <h2 id="echantillon-virtuel-label">
           <span data-icon="echantillon-virtuel">Échantillon Virtuel</span>
         </h2>
-        <div class="flex flex-col justify-center | rounded-2xl | bg-grey-200 text-grey-700">
-          <p>Prochainement disponible</p>
+        <div class="cards | flow">
+          <div class="flex flex-col justify-center | rounded-2xl | bg-grey-200 text-grey-700">
+            <p>Prochainement disponible</p>
+          </div>
         </div>
       </section>
     </div>
@@ -147,12 +155,12 @@ const user = useUserStore().user;
   position: relative;
   display: flex;
   gap: var(--gap);
-  overflow-y: auto;
+  overflow-x: auto;
   margin: 0 calc(-1 * var(--gutter));
   padding: 0 var(--gutter);
+  height: calc(100vh - var(--gutter) * 2 - var(--header-height) - 2.25rem);
 }
 .kanban > section {
-  flex-grow: 1;
   min-width: 20rem;
   position: relative;
 }
@@ -253,7 +261,7 @@ const user = useUserStore().user;
 .kanban [data-status="uncompleted"] h2 > span {
   border-radius: inherit;
 }
-.kanban [data-status="uncompleted"] > div {
+.kanban [data-status="uncompleted"] .cards > * {
   min-height: 10rem;
 }
 .kanban [data-status="uncompleted"]::after {
@@ -268,4 +276,10 @@ const user = useUserStore().user;
   line-height: 2.125rem;
   padding: 0 var(--space-12);
 }
+
+.kanban .cards {
+  padding-top: var(--space-16);
+  max-height: calc(100% - var(--header-height));
+  overflow-y: auto;
+}
 </style>