diff --git a/src/modules/scenes/Main/Metanodes/MetanodeList/index.tsx b/src/modules/scenes/Main/Metanodes/MetanodeList/index.tsx index c1a639f6..1698a3e4 100644 --- a/src/modules/scenes/Main/Metanodes/MetanodeList/index.tsx +++ b/src/modules/scenes/Main/Metanodes/MetanodeList/index.tsx @@ -128,7 +128,7 @@ export const MetanodeList = (props: Props) => { {isNoRequiredTooltip ? ( - + ) : ( @@ -140,7 +140,7 @@ export const MetanodeList = (props: Props) => { } targetHtmlTag="span" > - + @@ -153,13 +153,12 @@ export const MetanodeList = (props: Props) => { {node.version}
- {bondAmount}{' '} - ({lockedPortion}%) + {bondAmount} ({lockedPortion}%)
{expireTime} - ({getDiffDays(expireTimestamp)}) + ({getDiffDays(expireTimestamp)}) @@ -167,9 +166,9 @@ export const MetanodeList = (props: Props) => { - {sbBTCRewardCurrency} + {sbBTCRewardCurrency} - : + : {ethAddress} diff --git a/src/modules/scenes/Main/Metanodes/MetanodeList/styled.tsx b/src/modules/scenes/Main/Metanodes/MetanodeList/styled.tsx index 0d9ec2a4..5092185a 100644 --- a/src/modules/scenes/Main/Metanodes/MetanodeList/styled.tsx +++ b/src/modules/scenes/Main/Metanodes/MetanodeList/styled.tsx @@ -77,6 +77,10 @@ export const Row = styled.div` : props.bg === MayChurnIn ? 'rgba(143, 231, 217, 0.2)' : !props.bg && props.theme.pulsar.color.bg.hover}; + color: ${(props) => + props.bg === InactiveBondExpired || props.bg === Unreachable + ? props.theme.pulsar.color.text.placeholder + : props.theme.pulsar.color.text.normal}; display: grid; align-items: center; grid-template-columns: ${nodeListGridTemplateColumnsFrameMobile};