diff --git a/src/components/TdsChart.svelte b/src/components/TdsChart.svelte
index 2edca2c..f01c95f 100644
--- a/src/components/TdsChart.svelte
+++ b/src/components/TdsChart.svelte
@@ -44,4 +44,4 @@
   });
 </script>
 
-<canvas bind:this={chartCanvas} id="extractionChart" height={256}></canvas>
+<canvas bind:this={chartCanvas} id="extractionChart"></canvas>
diff --git a/src/lib/chart_config.ts b/src/lib/chart_config.ts
index 58952e0..cb2917d 100644
--- a/src/lib/chart_config.ts
+++ b/src/lib/chart_config.ts
@@ -13,6 +13,7 @@ export function setupChart(node: ChartItem, extraction: Extraction): Chart {
     type: 'scatter',
     plugins: [annotationPlugin],
     options: {
+      responsive: true,
       animation: false,
       plugins: {
         annotation: {
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 6bf034f..e357788 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -18,7 +18,7 @@
       </a>
     {/if}
   </nav>
-  <main class="grow mx-auto container">
+  <main class="grow md:max-w-screen-md md:container md:mx-auto">
     {@render children()}
   </main>
   <footer class="w-full text-xs h-10 gap-2 bg-amber-100 flex flex-row items-center justify-center">
diff --git a/src/routes/profil/+page.svelte b/src/routes/profil/+page.svelte
index d68a28f..4e2c6b3 100644
--- a/src/routes/profil/+page.svelte
+++ b/src/routes/profil/+page.svelte
@@ -15,7 +15,7 @@
   <div class="flex flex-col gap-4">
     <div class="flex flex-col">
       <span class="text-xs font-bold">Nom</span>
-      <ChampEditable valeur={currentUser.value?.name} onupdate={majNom} />
+      <ChampEditable type="text" valeur={currentUser.value?.name} onupdate={majNom} />
     </div>
     <div class="flex flex-col">
       <span class="text-xs font-bold">Pseudonyme</span>