diff --git a/src/assets/css/src/2.blocks.design-to-light.css b/src/assets/css/src/2.blocks.design-to-light.css
index a60f880..0bbc40f 100644
--- a/src/assets/css/src/2.blocks.design-to-light.css
+++ b/src/assets/css/src/2.blocks.design-to-light.css
@@ -178,17 +178,22 @@
   display: none;
 }
 #dtl-panel [role="tab"] {
+  height: 2.5rem;
   padding: var(--space-12) .625rem;
   color: var(--color-grey-400);
   font-weight: 500;
   white-space: pre;
+  border-bottom: 2px solid transparent;
 }
 #dtl-panel [role="tab"][aria-selected="true"] {
   color: var(--color-white);
-  border-bottom: 2px solid var(--color-white);
+  border-bottom-color: var(--color-white);
 }
 
 #dtl-panel section {
+  height: calc(100% - 3.5rem);
+}
+#dtl-panel [role="tablist"] + section {
   height: calc(100% - 6.25rem);
 }
 
diff --git a/src/components/design-to-light/DTLPanel.vue b/src/components/design-to-light/DTLPanel.vue
index 88c796d..f9726e8 100644
--- a/src/components/design-to-light/DTLPanel.vue
+++ b/src/components/design-to-light/DTLPanel.vue
@@ -118,18 +118,16 @@
           class="dot"
           v-for="(proposal, index) in proposals"
           @click="activeProposal = proposal"
-          :aria-selected="proposal.isActive"
+          :aria-selected="activeProposal === proposal"
           :style="
             '--x:' +
-            activeProposal.grades.position.complexity +
+            proposal.grades.position.complexity +
             ';--y:' +
-            activeProposal.grades.position.weight
+            proposal.grades.position.weight
           "
-          :title="index === 0 ? 'Proposition initiale' : 'Alternative ' + index"
+          :title="proposal.title"
         >
-          <span class="sr-only">{{
-            index === 0 ? "Proposition initiale" : "Alternative " + index
-          }}</span>
+          <span class="sr-only">{{ proposal.title }}</span>
         </button>
       </div>
       <div id="indicateur" class="px-32 py-16 border-b flow">