diff --git a/src/app/contact/contact.component.scss b/src/app/contact/contact.component.scss
index ebd60c1133466c28facc227a1cbd2bd4abb5f6a5..a9f1c49268f574f3d3be6aa38b3831c5e73c16b1 100644
--- a/src/app/contact/contact.component.scss
+++ b/src/app/contact/contact.component.scss
@@ -6,7 +6,7 @@
 
 .contactForm {
   max-width: 600px;
-  padding: 1rem 0;
+  padding: 2rem 0;
   margin: auto;
 
   display: flex;
diff --git a/src/app/login/login.component.html b/src/app/login/login.component.html
index 01e3984b600e1c19af3aeca4dbd0e1e72b3d98e6..dbe8c8630706d643f8af6249da0fe4fa4f271aee 100644
--- a/src/app/login/login.component.html
+++ b/src/app/login/login.component.html
@@ -8,7 +8,7 @@
       Une erreur est survenue lors de la validation de votre email... Veuillez envoyer un mail au support.
     </p>
     <form [formGroup]="loginForm" (ngSubmit)="onSubmit()">
-      <div class="formGroup" style="gap: 24px">
+      <div class="formGroup">
         <app-input
           id="login"
           label="Identifiant"
diff --git a/src/app/login/login.component.scss b/src/app/login/login.component.scss
index c8645b3b0e411a88d8ca6d5a9ae0dbaa24edc35a..ee16fcfecabacc4cfc912cbb9005b70a04835146 100644
--- a/src/app/login/login.component.scss
+++ b/src/app/login/login.component.scss
@@ -31,10 +31,10 @@
     form {
       display: flex;
       flex-direction: column;
+      align-items: center;
       gap: 32px;
-      .fields {
-        display: flex;
-        flex-direction: column;
+      .formGroup {
+        width: 300px;
         gap: 24px;
       }
     }
diff --git a/src/app/newsletter-subscription/newsletter-subscription.component.html b/src/app/newsletter-subscription/newsletter-subscription.component.html
index a2e7fec0766ab2206765054fb8db483dd4a31cce..202cb0faea4812278ae3b9f31e408f8c25d3b25e 100644
--- a/src/app/newsletter-subscription/newsletter-subscription.component.html
+++ b/src/app/newsletter-subscription/newsletter-subscription.component.html
@@ -7,6 +7,7 @@
     label="Courriel personnel"
     autocomplete="on"
     size="large"
+    [wide]="true"
     [status]="
       subscriptionForm.get('email').value ? (subscriptionForm.get('email').invalid ? 'error' : 'success') : null
     "
diff --git a/src/app/newsletter-subscription/newsletter-subscription.component.scss b/src/app/newsletter-subscription/newsletter-subscription.component.scss
index c42cc464efc0885355ff25fdb0f2cd043a0e3c19..2f0a900f9110e00d6977864d18f84d14383d6fee 100644
--- a/src/app/newsletter-subscription/newsletter-subscription.component.scss
+++ b/src/app/newsletter-subscription/newsletter-subscription.component.scss
@@ -1,9 +1,9 @@
 .newsletterForm {
   display: flex;
   flex-direction: column;
-  gap: 1rem;
-  width: fit-content;
-  padding: 1rem 0;
+  gap: 32px;
+  width: 360px;
+  padding: 2rem 0;
   margin: auto;
 
   .actions {
@@ -13,7 +13,7 @@
 
     .buttons {
       display: flex;
-      gap: 1rem;
+      justify-content: space-between;
     }
 
     .link {