From faf60b4b71edb739193ef4ebf1ba8a583054c5f8 Mon Sep 17 00:00:00 2001
From: Vadym Samoilenko <vadymsamoilenko@oliver.agency>
Date: Sun, 24 May 2026 19:43:48 +0100
Subject: [PATCH] =?UTF-8?q?fix(i18n):=20popular=20badge=20whitespace-nowra?=
 =?UTF-8?q?p=20=E2=80=94=20prevents=20RU=20text=20wrapping?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/components/landing/Pricing.tsx | 2 +-
 src/pages/Billing.tsx              | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

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>