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 8c2671b..53d63a5 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
@@ -461,7 +461,7 @@ header .header:hover + .header_nav_container {
 /* Taille définitive du header après l'animation */
 .header--collapsed {
   height: 320px; /* Ou la hauteur que vous souhaitez pour votre header */
-  width: 45%;
+  width: 35%;
   transform-origin: bottom right;
   transition: all 1s ease-in-out;
 }
@@ -480,7 +480,7 @@ header .header:hover + .header_nav_container {
   }
 }
 .header--collapsed .header_left_container {
-  flex: 0 0 50%;
+  flex: 0 0 70%;
   transform-origin: bottom right;
 }
 @media (max-width: 810px) {
@@ -502,7 +502,7 @@ header .header:hover + .header_nav_container {
 
 .header--collapsed-already {
   height: 320px; /* Ou la hauteur que vous souhaitez pour votre header */
-  width: 45%;
+  width: 35%;
   transform-origin: bottom right;
   transition: all 0s ease-in-out;
 }
@@ -516,7 +516,7 @@ header .header:hover + .header_nav_container {
   }
 }
 .header--collapsed-already .header_left_container {
-  flex: 0 0 50%;
+  flex: 0 0 70%;
   transform-origin: bottom right;
 }
 @media (max-width: 810px) {
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss
index c3ac031..1dfc671 100644
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss
@@ -211,7 +211,7 @@ header{
 /* Taille définitive du header après l'animation */
 .header--collapsed {
     height: $header-height; /* Ou la hauteur que vous souhaitez pour votre header */
-    width: 45%;
+    width: 35%;
     transform-origin: bottom right; 
     transition: all 1s ease-in-out;
     @media(max-width: 1090px) {
@@ -225,7 +225,7 @@ header{
      height: 170px;
     }
     .header_left_container{
-        flex: 0 0 50%;
+        flex: 0 0 70%;
         transform-origin: bottom right; 
         @media(max-width: 810px){
             flex: 1 0 100%;
@@ -244,7 +244,7 @@ header{
 }
 .header--collapsed-already{
     height: $header-height; /* Ou la hauteur que vous souhaitez pour votre header */
-    width: 45%;
+    width: 35%;
     transform-origin: bottom right; 
     transition: all 0s ease-in-out;
     .qdd-header{
@@ -255,7 +255,7 @@ header{
         height: 170px;
        }
     .header_left_container{
-        flex: 0 0 50%;
+        flex: 0 0 70%;
         transform-origin: bottom right; 
         @media(max-width: 810px){
             flex: 1 0 100%;