diff --git a/resources/js/pages/home/partials/Hero.jsx b/resources/js/pages/home/partials/Hero.jsx
index 8822ace..5a38b89 100644
--- a/resources/js/pages/home/partials/Hero.jsx
+++ b/resources/js/pages/home/partials/Hero.jsx
@@ -3,7 +3,7 @@ import { usePage } from '@inertiajs/react';
 const Hero = () => {
     const { stats } = usePage().props;
     return (
-        <section className="relative bg-gradient-to-b to-transparent dark:from-neutral-900 dark:to-transparent">
+        <section className="relative bg-gradient-to-b to-transparent pt-6 dark:from-neutral-900 dark:to-transparent">
             <div className="relative mx-auto max-w-6xl px-4 sm:px-6 lg:px-8">
                 <div className="space-y-4 text-center">
                     {/* Badge */}