diff --git a/src/components/organisms/AssetActions/Pool/Add.module.css b/src/components/organisms/AssetActions/Pool/Add.module.css index 62b25c622..b3c39e4ce 100644 --- a/src/components/organisms/AssetActions/Pool/Add.module.css +++ b/src/components/organisms/AssetActions/Pool/Add.module.css @@ -26,4 +26,5 @@ .output p { font-weight: var(--font-weight-bold); + margin-bottom: calc(var(--spacer) / 4); } diff --git a/src/components/organisms/AssetActions/Pool/Add.tsx b/src/components/organisms/AssetActions/Pool/Add.tsx index eac808ef5..6f7d01117 100644 --- a/src/components/organisms/AssetActions/Pool/Add.tsx +++ b/src/components/organisms/AssetActions/Pool/Add.tsx @@ -23,7 +23,7 @@ export default function Add({ totalBalance: Balance }): ReactElement { const { ocean, accountId, balance } = useOcean() - const [amount, setAmount] = useState() + const [amount, setAmount] = useState('') const [isLoading, setIsLoading] = useState() const newPoolTokens = diff --git a/src/components/organisms/AssetActions/Pool/Remove.tsx b/src/components/organisms/AssetActions/Pool/Remove.tsx index 28fe2f932..f656f6596 100644 --- a/src/components/organisms/AssetActions/Pool/Remove.tsx +++ b/src/components/organisms/AssetActions/Pool/Remove.tsx @@ -16,7 +16,7 @@ export default function Remove({ poolAddress: string }): ReactElement { const { ocean, accountId } = useOcean() - const [amount, setAmount] = useState() + const [amount, setAmount] = useState('') const [isLoading, setIsLoading] = useState() const maximumPoolShares = '?' @@ -64,7 +64,7 @@ export default function Remove({ {/* */} -

You will receive:

+

You will receive

{isLoading ? (