diff --git a/apps/www/components/Hero/Hero.tsx b/apps/www/components/Hero/Hero.tsx
index d3882ebf747..64dbdffe44a 100644
--- a/apps/www/components/Hero/Hero.tsx
+++ b/apps/www/components/Hero/Hero.tsx
@@ -63,7 +63,7 @@ const Hero = () => {
           </div>
         </div>
       </SectionContainer>
-      <div className="w-1/2 container mx-auto h-px bg-gradient-to-r from-transparent via-scale-800 to-transparent" />
+      <div className="w-1/2 container mx-auto h-px bg-gradient-to-r from-transparent via-scale-600 to-transparent" />
     </div>
   )
 }
diff --git a/apps/www/pages/index.tsx b/apps/www/pages/index.tsx
index 6eef17f9fc3..37a1365aa72 100644
--- a/apps/www/pages/index.tsx
+++ b/apps/www/pages/index.tsx
@@ -8,6 +8,7 @@ import Hero from '~/components/Hero/Hero'
 import 'swiper/swiper.min.css'
 
 const Features = dynamic(() => import('~/components/Features/index'))
+const BackedBy = dynamic(() => import('~/components/BackedBy'))
 const BuiltExamples = dynamic(() => import('components/BuiltWithSupabase/index'))
 const MadeForDevelopers = dynamic(() => import('components/MadeForDevelopers/index'))
 const AdminAccess = dynamic(() => import('components/AdminAccess/index'))
@@ -22,6 +23,7 @@ const Index = ({ customerStories }: Props) => {
     <Layout>
       <Hero />
       <Features />
+      <BackedBy className="pt-8 sm:pb-18 pb-16 md:pb-24 lg:pb-24" />
       <TwitterSocialSection />
       <BuiltExamples />
       <MadeForDevelopers />