fix(payments-next):Truncated price in upgrade pages

elizabeth-ilina · elizabeth-ilina · commit f7d715150242 · 2025-05-26T14:42:49.000-04:00
Because:

* (not done)

This commit:

*

Closes #
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)}`