diff --git a/docs/app.vue b/docs/app.vue
index 02efe6ea2..9529aa5df 100644
--- a/docs/app.vue
+++ b/docs/app.vue
@@ -48,7 +48,7 @@ provide('navigation', navigation)
 <template>
   <UHeader :links="links">
     <template #logo>
-      <Logo class="h-5 w-auto" />
+      <Logo class="h-6 w-auto" />
     </template>
 
     <template #right>
diff --git a/docs/content/index.yml b/docs/content/index.yml
index d5478ac55..80d99781f 100644
--- a/docs/content/index.yml
+++ b/docs/content/index.yml
@@ -7,7 +7,6 @@ hero:
 sections:
   - title: Start your next project with<br><span class="text-primary-400">powerful features</span>
     slot: features
-    class: 'dark:lg:bg-gray-950/50'
     toolsCards:
       - title: 'File-based CMS'
         description: 'Write your content in Markdown, YML, CSV or JSON and query it in your components with powerful composables.'
diff --git a/docs/pages/index.vue b/docs/pages/index.vue
index 94ca13303..7dd43b451 100644
--- a/docs/pages/index.vue
+++ b/docs/pages/index.vue
@@ -40,12 +40,12 @@ const { format: formatNumber } = Intl.NumberFormat('en-GB', { notation: 'compact
 </script>
 
 <template>
+  <div class="gradient" />
   <ULandingHero
     align="center"
     direction="vertical"
     :ui="{ base: 'relative z-[1]', container: 'flex flex-col gap-6 lg:gap-8', description: 'mt-6 text-lg/8 lg:px-28 text-gray-400' }"
   >
-    <div class="gradient" />
     <div class="flex w-full justify-center order-first">
       <UBadge
         class="w-fit"
@@ -334,13 +334,12 @@ const { format: formatNumber } = Intl.NumberFormat('en-GB', { notation: 'compact
 
 <style scoped lang="postcss">
 .gradient {
-  position: absolute;
+  position: fixed;
   top: 25vh;
-  left: 0;
   width: 100%;
   height: 30vh;
   background: radial-gradient(50% 50% at 50% 50%, #00DC82 0%, rgba(0, 220, 130, 0) 100%);
-  filter: blur(150px);
+  filter: blur(180px);
   opacity: 0.6;
   z-index: -1;
 }