diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 13f2933..af60176 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -33,11 +33,11 @@ export default function RootLayout({
 }>) {
   return (
     <html className="font-sans" lang="fr">
-    <body className={`${ibmPlexSansCondensed.variable} ${montserrat.variable} antialiased bg-camel`}>
-    <Header/>
-    <main className={'relative -top-[104px] left-0'}>{children}</main>
-    <Footer/>
-    </body>
+      <body className={`${ibmPlexSansCondensed.variable} ${montserrat.variable} antialiased bg-camel`}>
+        <Header/>
+        <main>{children}</main>
+        <Footer/>
+      </body>
     </html>
   );
 }
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6200f4b..be125a5 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -92,7 +92,7 @@ export default function Home() {
   ];
 
   return (
-    <div className="">
+    <div className="relative -top-[104px] left-0">
       <Hero />
       <div id="speakers">
         <Speakers />
diff --git a/src/components/Speakers/Speakers.tsx b/src/components/Speakers/Speakers.tsx
index 7250c99..f46f51a 100644
--- a/src/components/Speakers/Speakers.tsx
+++ b/src/components/Speakers/Speakers.tsx
@@ -3,6 +3,7 @@ import React from "react";
 import Typography from "../Typography/Typography";
 import BackgroundImage from "../BackgroundImage/BackgroundImage";
 import SpeakersList from "./SpeakersList";
+
 const Speakers = () => {
   return (
     <Container size="large">
diff --git a/src/components/Speakers/SpeakersList.tsx b/src/components/Speakers/SpeakersList.tsx
index eeb4e43..3d3ae66 100644
--- a/src/components/Speakers/SpeakersList.tsx
+++ b/src/components/Speakers/SpeakersList.tsx
@@ -1,4 +1,5 @@
 "use client";
+
 import React from "react";
 import { Swiper, SwiperClass, SwiperSlide } from "swiper/react";
 import { Navigation } from "swiper/modules";
diff --git a/src/components/SponsorList/SponsorList.tsx b/src/components/SponsorList/SponsorList.tsx
index 4acabb5..54167c6 100644
--- a/src/components/SponsorList/SponsorList.tsx
+++ b/src/components/SponsorList/SponsorList.tsx
@@ -1,8 +1,11 @@
+"use client";
+
 import BackgroundImage from "@/components/BackgroundImage/BackgroundImage";
 import Sponsor from "@/components/SponsorList/Sponsor/Sponsor";
 import {SponsorProps, SponsorTypeProps} from "@/components/SponsorList/Sponsor/Sponsor.types";
 import {SponsorListProps} from "@/components/SponsorList/SponsorListProps";
 import Container from "@/layouts/Container";
+import TopBanner from "@/components/TopBanner/TopBanner";
 
 const SponsorList = ({
                        items
@@ -34,7 +37,13 @@ const SponsorList = ({
   return (
     <BackgroundImage imagePath="/images/bg-gradiant-purple.jpg" className=''>
       <Container size="large" className={'overflow-hidden'}>
-        <ul className={'clear-both overflow-hidden -mx-1 mt-5 mb-8 md:mb-9 md:max-w-[1350px]'}>
+        <div className="mt-12">
+          <TopBanner
+            title="Merci à nos sponsors"
+            backgroundImage="/images/pattern_top-banner_speakers.svg"
+          />
+        </div>
+        <ul className={'clear-both overflow-hidden -mx-1 mt-6 mb-9 md:mb-10 md:max-w-[1350px]'}>
           {sortedSponsors.map((sponsor: SponsorProps, key: number) => (
             <Sponsor type={sponsor.type}
                      name={sponsor.name}
