diff --git a/src/components/CarouselLibre.js b/src/components/CarouselLibre.js
index 0131a06f3668f86ca9bf9fa9f6a4b0fcef3d441d..b3fd87203009ee8702d097c0cb0333141e0cc40d 100644
--- a/src/components/CarouselLibre.js
+++ b/src/components/CarouselLibre.js
@@ -58,11 +58,11 @@ const CarouselList = [
 export default function CarouselLibre() {
   return (
     <div>
-      <h2 className={clsx("text--center")}>Restez libres !
-      </h2>
-      <p className={"text--center"}>Pour nous assurer que vous soyez libre Froggit se base sur des logiciels libres reconnus.
-      </p> 
       <section className="sections container">
+        <h2 className={clsx("text--center")}>Restez libres !
+        </h2>
+        <p className="text--center margin-bottom--lg">Pour nous assurer que vous soyez libre Froggit se base sur des logiciels libres reconnus.
+        </p> 
         <Carousel list={CarouselList} />
       </section>
     </div>
diff --git a/src/components/HomepageFeatures.js b/src/components/HomepageFeatures.js
index 7e7c69ac87fc0b77fceb0bb48838e43d24c6fcc2..0ecc4440f0dd646861910cb714303f898b9504ea 100644
--- a/src/components/HomepageFeatures.js
+++ b/src/components/HomepageFeatures.js
@@ -59,7 +59,7 @@ export default function HomepageFeatures() {
       <div className={styles.featuresSubtitle}>
         <p className={"text--center"}>De la planification au déploiement en passant par le testing… <br/>
         </p>
-        <p className={"text--center"}> Réunissez vos équipes sur la même plateforme DevOps, pensée pour améliorer vos performances, vos résultats et réduire votre empreinte écologique. 
+        <p className={"text--center margin-bottom--lg"}> Réunissez vos équipes sur la même plateforme DevOps, pensée pour améliorer vos performances, vos résultats et réduire votre empreinte écologique. 
         </p> 
       </div>
       <div>
diff --git a/src/components/HomepagePromises.js b/src/components/HomepagePromises.js
index 411e51ddf1fd7ce466917009b88418b87c5d6d04..78ab7c1d9baa6f0c91477f01452f5b7c0ff25539 100644
--- a/src/components/HomepagePromises.js
+++ b/src/components/HomepagePromises.js
@@ -53,8 +53,8 @@ function Promise({Svg, alt, title, description}) {
 export default function HomepagePromises() {
   return (
     <div className={styles.rowOverflow}>
-      <h2 className="promise-title">Faites la différence</h2>
-      <section className="section-promises">    
+      <section className="section-promises"> 
+        <h2 className="promise-title margin-bottom--lg">Faites la différence</h2>  
         <div className="row">
           {PromiseList.map((props, idx) => (
             <Promise key={idx} {...props} />
diff --git a/src/pages/index.js b/src/pages/index.js
index e42da2ee0420c5823c7fd8f9c56860b0e6afbfde..ff715860dcdc8390b39a3b00c9013a2555b49799 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -31,11 +31,11 @@ export default function Home() {
       title={siteConfig.themeConfig.navbar.title}
       description={siteConfig.tagline}
     >
-      <HomepageHeader/>
+      <HomepageHeader />
       <main>
         <HomepagePromises />
         <HomepageFeatures />
-        <CarouselLibre/> 
+        <CarouselLibre /> 
       </main>
     </Layout>
   );