fix(selector): wrap text

ar-io · Jan 6, 2025 · e61841d · e61841d
1 parent e01103e
commit e61841d
Showing 1 changed file with 12 additions and 9 deletions.
diff --git 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',
         },