diff --git a/apps/landing/src/app/_components/HeroSection.tsx b/apps/landing/src/app/_components/HeroSection.tsx
index 9b19a0d..350160e 100644
--- a/apps/landing/src/app/_components/HeroSection.tsx
+++ b/apps/landing/src/app/_components/HeroSection.tsx
@@ -186,11 +186,11 @@ export function HeroSection() {
 
         <p className="text-sm text-gray-500 mb-20">Free early access. No credit card required.</p>
 
-        <div className="flex flex-nowrap gap-5 justify-center">
+        <div className="flex flex-wrap gap-3 sm:gap-5 justify-center">
           {badges.map((badge, i) => (
             <span
               key={i}
-              className={`px-6 py-2.5 rounded-full text-sm flex items-center gap-2.5 whitespace-nowrap ${
+              className={`px-4 sm:px-6 py-2 sm:py-2.5 rounded-full text-sm flex items-center gap-2 sm:gap-2.5 whitespace-nowrap ${
                 badge.variant === 'cyan'
                   ? 'bg-cyan-500/10 border border-cyan-500/30 text-cyan-300'
                   : 'bg-indigo-500/15 border border-indigo-500/30 text-indigo-300'