diff --git a/apps/landing-page/src/sections/splash.astro b/apps/landing-page/src/sections/splash.astro
index 58afbbb..f822ab0 100644
--- a/apps/landing-page/src/sections/splash.astro
+++ b/apps/landing-page/src/sections/splash.astro
@@ -20,7 +20,6 @@ const pngSrcset = png.map(({ srcset }) => srcset).join(",");
 ---
 
 <section class="h-screen flex flex-col px-10 astro relative">
-  <Starfield />
   <div
     class="relative flex flex-col-reverse justify-end pt-16 h-full astro-lg:grid-cols-2 place-items-center astro-lg:grid astro-lg:pt-0 astro-img:pt-10"
   >
@@ -32,9 +31,9 @@ const pngSrcset = png.map(({ srcset }) => srcset).join(",");
         <div
           class="font-extrabold tracking-tighter text-center text-8xl gradient-text"
         >
-        Build Astro 
-        <br />Applications
-        <br />with Reactive UIs
+          Build Astro
+          <br />Applications
+          <br />with Reactive UIs
         </div>
       </h2>
       <div
@@ -65,6 +64,7 @@ const pngSrcset = png.map(({ srcset }) => srcset).join(",");
       />
     </picture>
   </div>
+  <Starfield client:load />
 </section>
 
 <noscript>