diff --git a/templates/partials/home/hero.html b/templates/partials/home/hero.html
index f7cb8a8fd..3217116df 100644
--- a/templates/partials/home/hero.html
+++ b/templates/partials/home/hero.html
@@ -3,11 +3,12 @@
       <div class="mx-auto max-w-4xl text-center">
         <h2 class="text-balance font-normal tracking-tight text-white lg:text-6xl text-5xl fade-in">We are Building a New Internet</h2>
         <p class="mx-auto mt-8 max-w-3xl text-pretty lg:text-2xl text-xl font-light text-gray-200 fade-in">A system built to scale to a planetary level, compatible with AI, Cloud, Web2, and Web3. Capable to provide 100% uptime, and enables any machine and human to communicate over the shortest path.</p>
-        <p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-3xl text-2xl font-light text-gray-200 fade-in">That's <span class="font-semibold">ThreeFold's Web4</span></p>
+        <p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-2xl text-xl font-light text-gray-200 fade-in">That's <span class="font-semibold">ThreeFold's</span></p>
+        <p class="mx-auto mt-2 max-w-3xl text-pretty lg:text-6xl text-5xl font-semibold text-gray-200 fade-in">Web4</p>
         <br>
-        <div class="mt-12 flex items-center justify-center gap-x-6">
+        <div class="mt-10 flex items-center justify-center gap-x-6">
           <a href="https://docs.threefold.io/docs/introduction" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-gray-200 hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-offset-2">Get Started</a>
-          <a href="/what" target="_blank" class=" fade-in text-sm/6 font-semibold text-white hover:text-gray-400">What We've Built <span aria-hidden="true">→</span></a>
+          <a href="/what" target="_blank" class=" fade-in text-base font-semibold text-white hover:text-gray-400">What We've Built <span aria-hidden="true">→</span></a>
         </div>
       </div>
     </div>