fix: 🐞 display of tokenCTA with long wording (#8148)

LedgerHQ · Oct 18, 2024 · 5d7e67e · 5d7e67e
1 parent 0383f16
commit 5d7e67e
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/.changeset/flat-rings-deny.md b/.changeset/flat-rings-deny.md
@@ -0,0 +1,5 @@
+---
+"ledger-live-desktop": patch
+---
+
+Fix long wording display on button inside a 500px width modal
diff --git a/apps/ledger-live-desktop/src/renderer/modals/AddAccounts/steps/StepChooseCurrency.tsx b/apps/ledger-live-desktop/src/renderer/modals/AddAccounts/steps/StepChooseCurrency.tsx
@@ -306,7 +306,13 @@ export const StepChooseCurrencyFooter = ({
       {isToken ? (
         <Box horizontal>
           {parentCurrency ? (
-            <Button ml={2} primary onClick={onTokenCta} data-testid="modal-continue-button">
+            <Button
+              ml={2}
+              primary
+              onClick={onTokenCta}
+              data-testid="modal-continue-button"
+              style={{ wordBreak: "break-word", maxWidth: "170px" }}
+            >
               {parentTokenAccount
                 ? t("addAccounts.cta.receive")
                 : t("addAccounts.cta.addAccountName", {