diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
index 2bf914f..567eea3 100644
--- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
@@ -1128,8 +1128,8 @@ footer {
   white-space: nowrap;
   overflow: hidden;
   padding-top: 2rem;
-  padding-bottom: 8rem;
-  height: 950px;
+  padding-bottom: 3rem;
+  height: 800px;
 }
 @media (max-width: 1090px) {
   #home .timeline {
@@ -1141,6 +1141,7 @@ footer {
   width: fit-content;
   margin: auto;
   margin-top: 0;
+  margin-bottom: 4rem;
   padding-bottom: 2rem;
 }
 @media (max-width: 1090px) {
@@ -1171,7 +1172,7 @@ footer {
 #home .timeline .__timeline-content .__paragraphs {
   position: relative;
   display: inline-flex;
-  width: 700px;
+  width: 600px;
   height: 1px;
   background: black;
 }
@@ -1222,6 +1223,8 @@ footer {
   display: flex;
   flex-direction: column;
   margin: auto;
+  margin-left: 0;
+  margin-right: 0;
   align-items: flex-start;
   padding-right: 1rem;
   margin-bottom: 1rem;
@@ -1292,7 +1295,7 @@ footer {
   border-radius: 5%;
   padding: 0.6rem 0.6rem;
   line-height: 1.1;
-  width: fit-content;
+  width: 30%;
   min-width: 35%;
 }
 @media (max-width: 1090px) {
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/timeline.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/timeline.scss
index cd3f29c..416e7d4 100644
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/timeline.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/timeline.scss
@@ -29,8 +29,8 @@
         white-space: nowrap;
         overflow: hidden;
         padding-top: 2rem;
-        padding-bottom: 8rem;
-        height: 950px;
+        padding-bottom: 3rem;
+        height: 800px;
         @media(max-width:1090px){
             // padding-top: 14rem;
             overflow: scroll;
@@ -40,6 +40,7 @@
             width: fit-content;
             margin: auto;
             margin-top: 0;
+            margin-bottom: 4rem;
             padding-bottom: 2rem;
             @media(max-width:1090px){
                 // top: -211px;
@@ -71,7 +72,7 @@
             .__paragraphs{
                 position: relative;
                 display: inline-flex;
-                width: 700px;
+                width: 600px;
                 height: 1px;
                 background: black;
                 // &:last-of-type{
@@ -128,6 +129,8 @@
                         display: flex;
                         flex-direction: column;
                         margin: auto;
+                        margin-left: 0;
+                        margin-right: 0;
                         align-items: flex-start;
                         padding-right: 1rem;
                         margin-bottom: 1rem;
@@ -207,7 +210,7 @@
                         border-radius: 5%;
                         padding: 0.6rem 0.6rem;
                         line-height: 1.1;
-                        width: fit-content;
+                        width: 30%;
                         min-width: 35%;
                         @media(max-width:1090px){
                             height: 200px;