diff --git a/src/components/banner/HeroBanner.js b/src/components/banner/HeroBanner.js
index eafe1a9..c5e8363 100644
--- a/src/components/banner/HeroBanner.js
+++ b/src/components/banner/HeroBanner.js
@@ -81,7 +81,7 @@ const HeroBanner = () => {
             )}
 
             <div className={`absolute inset-0 flex flex-col justify-center ${isTabView ? 'items-center text-center' : 'items-start pl-12'}`}>
-                <h1 className={`text-4xl sm:text-4xl lg:text-6xl font-bold leading-tight mb-6 ${isTabView ? 'px-4' : ''} max-w-[50%]`}>
+                <h1 className={`text-4xl sm:text-4xl lg:text-6xl font-bold leading-tight mb-6 ${isTabView ? 'px-4 max-w-[50%]' : ''}`}>
                     <span className="block">Learn to code</span>
                     <span className={`block ${getColorClass(currentTech)} transition-opacity duration-500 ${isAnimating ? 'opacity-0' : 'opacity-100'}`}>
                         Build {currentTech} apps