diff --git a/frontend/src/pages/DonutPage.vue b/frontend/src/pages/DonutPage.vue
index 7891af9..f86a8a0 100644
--- a/frontend/src/pages/DonutPage.vue
+++ b/frontend/src/pages/DonutPage.vue
@@ -58,8 +58,8 @@ onMounted(load)
 // lisibles : circonférence ≈ 2π × R, donc plus R est grand, plus chaque label
 // d'arc dispose de place. Le centre et le ring extérieur ne bougent pas, c'est
 // uniquement la zone intérieure qui grossit, en mangeant un peu sur l'espace sûr.
-const R_CAT_LABEL     = 275  // noms de catégories EN ARC, tout à l'extérieur
-const R_PLANET_LABEL  = 252  // étiquettes des limites planétaires (entre catégories et ceiling)
+const R_PLANET_LABEL  = 252  // étiquettes des limites planétaires (extérieur)
+const R_CAT_LABEL     = 212  // noms de catégories EN ARC, sur l'anneau gris du plafond (intermédiaire)
 const R_CEILING_OUTER = 225
 const R_CEILING_INNER = 200
 const R_FLOOR_OUTER   = 125
@@ -358,7 +358,7 @@ function gotoProject(p: ProjectListRow) {
     <div v-else class="mt-10 grid grid-cols-1 lg:grid-cols-5 gap-10 items-start">
       <!-- Donut SVG (3/5 sur grands écrans) -->
       <div class="lg:col-span-3 flex flex-col items-center">
-        <svg viewBox="-300 -300 600 600" class="w-full max-w-[680px] aspect-square">
+        <svg viewBox="-280 -280 560 560" class="w-full max-w-[640px] aspect-square">
           <defs>
             <!-- Anneaux gris légèrement striés -->
             <pattern id="ring-stripes" patternUnits="userSpaceOnUse" width="6" height="6" patternTransform="rotate(45)">
@@ -382,8 +382,8 @@ function gotoProject(p: ProjectListRow) {
           </defs>
 
           <!-- 1) ZONE D'OVERSHOOT (au-delà du plafond) -->
-          <!--    fond cream clair pour soutenir les labels limites planétaires + catégories -->
-          <circle r="295" fill="#F5F2EA" />
+          <!--    fond cream clair pour soutenir les labels limites planétaires -->
+          <circle r="270" fill="#F5F2EA" />
 
           <!-- 2) Étiquettes des 9 LIMITES PLANÉTAIRES, le long de leur arc -->
           <g>
@@ -424,14 +424,15 @@ function gotoProject(p: ProjectListRow) {
             />
           </g>
 
-          <!-- 7) Noms des CATÉGORIES en arc, tout à l'extérieur du donut, en couleur catégorie -->
+          <!-- 7) Noms des CATÉGORIES en arc, SUR L'ANNEAU GRIS DU PLAFOND (entre wedges et
+                  limites planétaires), en couleur catégorie pour contraster avec le pattern. -->
           <g>
             <text
               v-for="arc in categoryArcs" :key="`cat-text-${arc.key}`"
-              font-size="11"
+              font-size="10"
               font-weight="700"
               :fill="categories[arc.key]?.color_hex ?? '#111827'"
-              style="letter-spacing: 0.5px"
+              style="letter-spacing: 0.5px; paint-order: stroke; stroke: #FAFAF6; stroke-width: 2.5; stroke-linejoin: round"
             >
               <textPath :href="`#${arc.lines[0].pathId}`" startOffset="50%" text-anchor="middle">
                 {{ arc.lines[0].text }}