Merge pull request #18918 from mozilla/FXA-11648-truncated-price

elizabeth-ilina · web-flow · commit 72df06bb6890 · 2025-05-28T12:48:45.000-04:00
fix(payments-next):Truncated price in upgrade page
diff --git a/libs/payments/ui/src/lib/server/components/UpgradePurchaseDetails/index.tsx b/libs/payments/ui/src/lib/server/components/UpgradePurchaseDetails/index.tsx
@@ -227,7 +227,7 @@ export function UpgradePurchaseDetails(props: UpgradePurchaseDetailsProps) {
               )}
             </h3>
             <p
-              className="overflow-hidden text-ellipsis whitespace-nowrap"
+              className="flex-shrink-0 overflow-hidden text-ellipsis whitespace-nowrap"
               data-testid="prorated-price"
             >
               {l10n.getLocalizedCurrencyString(oneTimeCharge, currency, locale)}

Original file line number	Diff line number	Diff line change
`@@ -227,7 +227,7 @@ export function UpgradePurchaseDetails(props: UpgradePurchaseDetailsProps) {`
`227`	`227`	`)}`
`228`	`228`	`</h3>`
`229`	`229`	`<p`
`230`		`- className="overflow-hidden text-ellipsis whitespace-nowrap"`
	`230`	`+ className="flex-shrink-0 overflow-hidden text-ellipsis whitespace-nowrap"`
`231`	`231`	`data-testid="prorated-price"`
`232`	`232`	`>`
`233`	`233`	`{l10n.getLocalizedCurrencyString(oneTimeCharge, currency, locale)}`