diff --git a/frontend/src/assets/css/home.css b/frontend/src/assets/css/home.css
index 3f0623492..10e3cfc34 100644
--- a/frontend/src/assets/css/home.css
+++ b/frontend/src/assets/css/home.css
@@ -111,8 +111,8 @@ div.home div.search {
 
 div.home div.search div.home-search {
   /* box-shadow: 0 3px 5px -1px #0003, 0 1px 18px 0 #0000001F, 0 6px 10px 0 #00000024; */
-  box-shadow: 0px 2px 16px 0px rgba(26, 26, 26, .24);
-  /* box-shadow: 0px 2px 8px 0px rgba(26, 26, 26, .16); */
+  /* box-shadow: 0px 2px 16px 0px rgba(26, 26, 26, .24); */
+  box-shadow: 0px 2px 8px 0px rgba(26, 26, 26, .16);
   display: flex;
   flex-direction: column;
   align-items: center;
diff --git a/frontend/src/pages/Home.tsx b/frontend/src/pages/Home.tsx
index 31f8c50c6..7df78b95e 100644
--- a/frontend/src/pages/Home.tsx
+++ b/frontend/src/pages/Home.tsx
@@ -149,6 +149,12 @@ const Home = () => {
           </div>
         </div>
 
+        <div className="home-suppliers" style={suppliers.length < 4 ? { margin: 0 } : undefined}>
+          {suppliers.length > 3 && (
+            <SupplierCarrousel suppliers={suppliers} />
+          )}
+        </div>
+
         <div className="why">
 
           {/* <h1>{strings.WHY_TITLE}</h1> */}
@@ -268,14 +274,14 @@ const Home = () => {
           </div>
         </div>
 
-        <div className="home-suppliers" style={suppliers.length < 4 ? { margin: 0 } : undefined}>
+        {/* <div className="home-suppliers" style={suppliers.length < 4 ? { margin: 0 } : undefined}>
           {suppliers.length > 3 && (
             <>
               <h1>{strings.SUPPLIERS_TITLE}</h1>
               <SupplierCarrousel suppliers={suppliers} />
             </>
           )}
-        </div>
+        </div> */}
 
         {countries.length > 0 && (
           <div className="destinations">