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 30d8e0c..e3dc361 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
@@ -805,7 +805,6 @@ footer {
   width: 20%;
   position: fixed;
   top: 250px;
-  margin: 1rem 2rem;
   background-color: transparent;
 }
 @media (max-width: 810px) {
@@ -813,6 +812,8 @@ footer {
     position: relative;
     width: 80%;
     top: 160px;
+    margin: auto;
+    margin-top: 1rem;
   }
 }
 .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1,
@@ -826,6 +827,8 @@ footer {
   .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 {
     display: flex;
     flex-direction: column;
+    margin: auto;
+    width: auto;
   }
 }
 .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 h2,
@@ -838,6 +841,11 @@ footer {
 .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 h2::after {
   content: " :";
 }
+.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 form .js-form-item,
+.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 form .js-form-item {
+  display: flex;
+  margin-bottom: 0.5rem;
+}
 @media (max-width: 810px) {
   .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 form .js-form-item,
   .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 form .js-form-item {
@@ -846,9 +854,20 @@ footer {
     justify-content: space-between;
   }
 }
+.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 form .js-form-item label,
+.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 form .js-form-item label {
+  flex: 2 1 auto;
+}
 .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 form .js-form-item input,
 .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 form .js-form-item input {
-  max-width: 100%;
+  flex: 2 1 auto;
+  max-width: 55%;
+}
+@media (max-width: 810px) {
+  .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 form .js-form-item input,
+  .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 form .js-form-item input {
+    max-width: 100%;
+  }
 }
 @media (max-width: 810px) {
   .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 form,
@@ -863,7 +882,6 @@ footer {
   display: flex;
   flex-direction: row;
   justify-content: space-evenly;
-  margin-bottom: 0.5rem;
   border-bottom: solid black 0.5px;
   padding-top: 0.5rem;
   font-size: 0.7rem;
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/aside.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/aside.scss
index 340cb88..4a9a66f 100644
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/aside.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/aside.scss
@@ -5,12 +5,14 @@
     // left: 3%;
     top: $header-height-big;
     // z-index: 98;
-    margin: 1rem 2rem;
+    // margin: 1rem 2rem;
     background-color: transparent;
     @media(max-width: 810px){
         position: relative;
         width: 80%;
         top: $header-height-pad;
+        margin: auto;
+        margin-top: 1rem;
     } 
 
 
@@ -22,6 +24,8 @@
         @media(max-width: 810px){
             display: flex;
             flex-direction: column;
+            margin: auto;
+            width: auto;
         }
         h2{
             text-transform: uppercase;
@@ -34,20 +38,30 @@
         form{
             
             .js-form-item{
+                display: flex;
+                margin-bottom: 0.5rem;
+
                 @media(max-width: 810px){
                     display: flex;
                     flex-direction: column;
                     justify-content: space-between;
                 }
+                label{
+                    flex: 2 1 auto;
+                }
                 input{
-                    max-width: 100%;
-
+                    flex: 2 1 auto;
+                    max-width: 55%;
+                    @media(max-width: 810px){
+                        max-width: 100%;
+                    }
                 }
             }
             @media(max-width: 810px){
                 display: flex;
                 flex-direction: column;
                 justify-content: space-between;
+
             }
         }
         
@@ -55,7 +69,6 @@
             display: flex;
             flex-direction: row;
             justify-content: space-evenly;
-            margin-bottom: 0.5rem;
             border-bottom: solid black 0.5px ;
             padding-top: 0.5rem;
             font-size: 0.7rem;