diff --git a/static/js/main.js b/static/js/main.js
index 139e63f9c54195f882b35558c4f1ec9e5db05c9f..6eba82d1bde0d15f10b954fb869e4026127d106b 100644
--- a/static/js/main.js
+++ b/static/js/main.js
@@ -436,7 +436,7 @@ function renderDistanceVisualization() {
 
               svg.append("text")
                   .attr("x", width / 2)
-                  .attr("y", margin.top - 60)
+                  .attr("y", margin.top - 75)
                   .attr("text-anchor", "middle")
                   .style("font-size", "16px")
                   .style("font-weight", "bold")
@@ -470,7 +470,7 @@ function renderDistanceVisualization() {
                       .append("circle")
                       .attr("cx", d => xScale(d[`Distance_${member}`]))
                       .attr("cy", d => yScale(d[`Calories_${member}`]))
-                      .attr("r", d => bubbleSizeScale(d[`Distance_${member}`]))
+                      .attr("r", d => 0.8* bubbleSizeScale(d[`Distance_${member}`]))
                       .attr("fill", d => {
                           return (d[`Distance_${member}`] === 0 || d[`Calories_${member}`] === 0) ? "gray" : colorMap[member];
                       })
@@ -608,8 +608,8 @@ function renderCaloriesVisualization() {
 
           const area = d3.area()
             .x(d => xScale(d.month) + xScale.bandwidth() / 2)
-            .y0(yScale(0))
-            .y1(d => yScale(d.calories));
+            .y0(yScale(0.8))
+            .y1(d => yScale(d.calories ));
 
           svg.append("path")
             .data([areaData])
@@ -626,6 +626,7 @@ function renderCaloriesVisualization() {
       });
     });
 }
+
 // Visu4
 function renderSleepVisualization() {
   fetch('../static/js/final_combined_with_all_data.json') // Adapter le chemin si nécessaire
@@ -1026,7 +1027,6 @@ function renderRadialDistanceChart() {
         }
 
         // Bars
-        // Bars
 svg.append("g")
 .selectAll("path")
 .data(processedData)