diff --git a/templates/partials/action/enable_web4.html b/templates/partials/action/enable_web4.html
index e76a0d84b..cf13ce592 100644
--- a/templates/partials/action/enable_web4.html
+++ b/templates/partials/action/enable_web4.html
@@ -1,4 +1,4 @@
-<div class="bg-transparent mt-24 pb-6">
+<div class="bg-transparent pb-6">
   <div class="mx-auto max-w-7xl px-2 lg:max-w-7xl lg:px-8">
     <div class="mx-auto max-w-2xl px-2 lg:max-w-7xl lg:px-8">
       <h2 class="text-center mx-auto fade-in lg:text-5xl text-4xl leading-snug font-normal tracking-tight text-white capitalize">What Web4 Enables</h2>
diff --git a/templates/partials/action/video.html b/templates/partials/action/video.html
index 177cb9023..236026170 100644
--- a/templates/partials/action/video.html
+++ b/templates/partials/action/video.html
@@ -1,4 +1,4 @@
-<div class="flex bg-transparent pt-16 pb-10 justify-center relative isolate overflow-hidden h-screen">
+<div class="flex justify-center items-center isolate overflow-hidden bg-transparent h-screen">
     <div class="max-w-7xl mx-auto text-center px-4 sm:px-6 lg:px-8">
         <!-- Main Heading -->
         <h2 class="fade-in text-pretty text-3xl sm:text-4xl lg:text-6xl leading-tight font-normal tracking-tight text-white capitalize">
@@ -30,7 +30,7 @@
                class="rounded-2xl bg-white px-4 py-2.5 text-sm sm:text-base font-semibold text-black shadow-sm hover:text-gray-800 hover:bg-green focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 blinking-effect">
                 Take Action
             </a>
-          <a href="https://docs.threefold.io/docs/litepaper/" class="fade-in text-sm/6 font-semibold text-white">Web4 Litepaper<span aria-hidden="true">→</span></a>
+          <a href="https://docs.threefold.io/docs/litepaper/" class="fade-in text-sm/6 font-semibold text-white" target="_blank">Web4 Litepaper<span aria-hidden="true">→</span></a>
         </div>
     </div>
 </div>
diff --git a/templates/partials/home/hero.html b/templates/partials/home/hero.html
index 1bbba1c47..418257b88 100644
--- a/templates/partials/home/hero.html
+++ b/templates/partials/home/hero.html
@@ -1,5 +1,5 @@
-<div class="relative isolate overflow-hidden bg-transparent h-screen">
-    <div class="px-6 lg:pt-32 mt-12 pt-24 lg:pb-24 pb-12 sm:px-6 lg:px-8">
+<div class="relative flex justify-center items-center isolate overflow-hidden bg-transparent h-screen">
+    <div class="px-4 lg:pb-24 pb-12 lg:px-8">
       <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 <br>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">ThreeFold has built a decentralized system designed to scale to a planetary level, capable of providing 100% uptime, and enabling any machine and human to communicate over the shortest path.</p>
@@ -9,7 +9,7 @@
         <br>
         <div class="mt-10 flex items-center justify-center gap-x-6">
           <a href="/what" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:text-gray-800 hover:bg-green focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2">What We've Built</a>
-          <a href="/why" target="_blank" class="fade-in text-base font-semibold text-white hover:text-green ">Why We Do It<span aria-hidden="true">→</span></a>
+          <a href="/why" class="fade-in text-base font-semibold text-white hover:text-green ">Why We Do It<span aria-hidden="true">→</span></a>
         </div>
       </div>
     </div>
diff --git a/templates/partials/what/hero.html b/templates/partials/what/hero.html
index bab766b83..c09bea596 100644
--- a/templates/partials/what/hero.html
+++ b/templates/partials/what/hero.html
@@ -1,5 +1,5 @@
-<div class="relative isolate overflow-hidden bg-transparent">
-    <div class="px-6 lg:pt-32 mt-12 pt-24 lg:pb-24 pb-12 sm:px-6 lg:px-8 h-screen">
+<div class="relative flex justify-center items-center isolate overflow-hidden bg-transparent h-screen">
+    <div class="px-4 lg:pb-24 pb-12 lg:px-8">
       <div class="mx-auto max-w-4xl text-center">
         <h2 class="text-balance font-normal tracking-tight text-white lg:text-6xl text-4xl fade-in">A Secure & Autonomous Infrastructure Layer for Web4</h2>
         <p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-2xl text-lg font-light text-gray-200 fade-in">Our unique technology enables a system that can scale globally, ensures stored data can never be corrupted, nor lost, recovers from unforeseen events, and guarantees 100% uptime.</p>
@@ -9,7 +9,9 @@
           <a href="https://docs.threefold.io" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-md 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">Dive Deeper</a>
       </div>
     </div>
-  </div>
+</div>
+</div>
+
   
   <style>
     /* Define the fade-in animation */