diff --git a/src/components/hero-section.tsx b/src/components/hero-section.tsx
index 3578cbb..1fac3ef 100644
--- a/src/components/hero-section.tsx
+++ b/src/components/hero-section.tsx
@@ -22,7 +22,7 @@ export default function HeroSection() {
       <BlurCircle className="w-60 h-60 -top-24 right-0 md:w-96 md:h-96 md:-top-44 md:right-[170px] bg-[#fedfcc]" />
 
       <div className="container mx-auto px-4 py-12 md:py-16 relative z-10">
-        <div className="max-w-4xl mx-auto flex flex-col items-center text-center gap-6 md:gap-7 lg:gap-8">
+        <div className="max-w-4xl mx-auto flex flex-col items-center text-left gap-6 md:gap-7 lg:gap-8">
           <h1 className="text-3xl md:text-5xl lg:text-[64px] font-semibold tracking-[-1.92px] leading-tight lg:leading-[68px] bg-clip-text text-transparent bg-gradient-to-b from-black to-gray-700">
             The IDE for everyone else
           </h1>