+
@@ -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};