diff --git a/apps/portal/src/app/_images/docs-hero-dark.png b/apps/portal/src/app/_images/docs-hero-dark.png
index ed84a2e0130..1922073a6e1 100644
Binary files a/apps/portal/src/app/_images/docs-hero-dark.png and b/apps/portal/src/app/_images/docs-hero-dark.png differ
diff --git a/apps/portal/src/app/_images/docs-hero-light.png b/apps/portal/src/app/_images/docs-hero-light.png
index ace6d7a3f37..a44eb3f4178 100644
Binary files a/apps/portal/src/app/_images/docs-hero-light.png and b/apps/portal/src/app/_images/docs-hero-light.png differ
diff --git a/apps/portal/src/app/page.tsx b/apps/portal/src/app/page.tsx
index 548e8eba351..f914b43e2ee 100644
--- a/apps/portal/src/app/page.tsx
+++ b/apps/portal/src/app/page.tsx
@@ -41,14 +41,14 @@ export default function Page() {
 
 function Hero() {
   return (
-    <section className="grid gap-4 py-14 lg:grid-cols-[1fr_420px] lg:py-0">
+    <section className="grid gap-4 pt-14 pb-6 lg:grid-cols-[1fr_420px] lg:py-0">
       {/* Left */}
       <div className="flex flex-col justify-center">
         <div>
           <h1 className="mb-3 font-bold text-4xl tracking-tighter lg:text-6xl">
             thirdweb Documentation
           </h1>
-          <p className="mb-8 max-w-lg text-lg text-muted-foreground leading-normal text-pretty">
+          <p className="mb-6 max-w-lg text-base lg:text-lg text-muted-foreground leading-normal text-pretty">
             Platform for building the next generation of internet products
           </p>
           <div className="flex gap-3">