diff --git a/src/components/molecules/FormFields/Price/Coin.module.css b/src/components/molecules/FormFields/Price/Coin.module.css index 5ee582cd9..02d0f806b 100644 --- a/src/components/molecules/FormFields/Price/Coin.module.css +++ b/src/components/molecules/FormFields/Price/Coin.module.css @@ -29,7 +29,7 @@ font-size: var(--font-size-base); color: var(--brand-grey); text-align: center; - margin-bottom: calc(var(--spacer) / 2); + margin-bottom: calc(var(--spacer) / 6); } .data { @@ -51,7 +51,8 @@ .weight { width: 100%; - margin-top: var(--spacer); + text-align: center; + margin-bottom: calc(var(--spacer) / 2); text-transform: uppercase; font-size: var(--font-size-small); color: var(--color-secondary); @@ -59,5 +60,4 @@ .weight strong { color: var(--brand-grey); - font-size: var(--font-size-base); } diff --git a/src/components/molecules/FormFields/Price/Coin.tsx b/src/components/molecules/FormFields/Price/Coin.tsx index cd98fc372..67b807d72 100644 --- a/src/components/molecules/FormFields/Price/Coin.tsx +++ b/src/components/molecules/FormFields/Price/Coin.tsx @@ -37,6 +37,10 @@ export default function Coin({ )} +
+ Weight {weight} +
+
- - -
- Weight {weight} -
+ {datatokenOptions?.symbol === 'OCEAN' && ( + + )}
)