diff --git a/app/components/HeroSection.jsx b/app/components/HeroSection.jsx
index 580603f..5d251b7 100644
--- a/app/components/HeroSection.jsx
+++ b/app/components/HeroSection.jsx
@@ -37,7 +37,7 @@ const HeroSection = () => {
                     initial={{ opacity: 0, scale: 0.5 }}
                     animate={{ opacity: 1, scale: 1 }}
                     transition={{ duration: 0.5 }}
-                    className="col-span-8 place-self-center text-center sm:text-center justify-self-start"
+                    className="col-span-8 place-self-center text-center sm:text-left justify-self-start"
                 >
                     <h1 className="text-white mb-4 text-4xl sm:text-5xl lg:text-7xl lg:leading-normal font-extrabold">
             <span className="text-transparent bg-clip-text bg-gradient-to-r from-red-600 to-blue-300">