diff --git a/src/components/landing/Pricing.tsx b/src/components/landing/Pricing.tsx
index 223828c2..01e67ee2 100644
--- a/src/components/landing/Pricing.tsx
+++ b/src/components/landing/Pricing.tsx
@@ -180,7 +180,7 @@ export default function Pricing() {
                 >
                   {pack.popular && (
                     <div className="absolute -top-3.5 left-1/2 -translate-x-1/2">
-                      <span className="px-4 py-1 rounded-full text-xs font-bold bg-primary text-primary-foreground shadow-sm">
+                      <span className="px-4 py-1 rounded-full text-xs font-bold bg-primary text-primary-foreground shadow-sm whitespace-nowrap">
                         {t('pricing.popular_badge')}
                       </span>
                     </div>
diff --git a/src/pages/Billing.tsx b/src/pages/Billing.tsx
index 25565723..cdaa8714 100644
--- a/src/pages/Billing.tsx
+++ b/src/pages/Billing.tsx
@@ -149,7 +149,7 @@ export default function Billing() {
                     >
                       {isPopular && (
                         <div className="absolute -top-3.5 left-1/2 -translate-x-1/2">
-                          <span className="px-4 py-1 rounded-full text-xs font-bold bg-primary text-primary-foreground">{t('billing.most_popular')}</span>
+                          <span className="px-4 py-1 rounded-full text-xs font-bold bg-primary text-primary-foreground whitespace-nowrap">{t('billing.most_popular')}</span>
                         </div>
                       )}
                       <h3 className="font-display font-bold text-lg text-foreground mb-1">{pack.name}</h3>