From e61841d2f3ee4ff95980f8abac269414d2447e29 Mon Sep 17 00:00:00 2001
From: atticusofsparta <atticusofsparta@protonmail.com>
Date: Mon, 6 Jan 2025 12:09:53 -0600
Subject: [PATCH] fix(selector): wrap text

---
 .../FundingSourceSelector.tsx                 | 21 +++++++++++--------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/components/inputs/FundingSourceSelector/FundingSourceSelector.tsx b/src/components/inputs/FundingSourceSelector/FundingSourceSelector.tsx
index ea4f7994..4c24ea18 100644
--- a/src/components/inputs/FundingSourceSelector/FundingSourceSelector.tsx
+++ b/src/components/inputs/FundingSourceSelector/FundingSourceSelector.tsx
@@ -167,15 +167,18 @@ export function FundingSourceSelector({
           label: loadingAnyCostDetails ? (
             'Loading...'
           ) : (
-            <span>
-              Liquid + Staked Balances (
-              {formatARIO(new mARIOToken(totalBalanceUsed).toARIO().valueOf())}
-              &nbsp;+&nbsp;
-              {formatARIO(
-                new mARIOToken(totalStakeUsed).toARIO().valueOf(),
-              )}{' '}
-              {arioTicker})
-            </span>
+            <div className="flex flex-wrap gap-2">
+              <span className="flex w-fit">Liquid + Staked Balances</span>
+              <span className="flex w-fit">
+                (
+                {formatARIO(
+                  new mARIOToken(totalBalanceUsed).toARIO().valueOf(),
+                )}
+                &nbsp;+&nbsp;{' '}
+                {formatARIO(new mARIOToken(totalStakeUsed).toARIO().valueOf())}{' '}
+                {arioTicker})
+              </span>
+            </div>
           ),
           value: 'any',
         },