diff --git a/packages/page-staking/src/Ledgend.tsx b/packages/page-staking/src/Ledgend.tsx
index 12722b4183..99f05f21df 100644
--- a/packages/page-staking/src/Ledgend.tsx
+++ b/packages/page-staking/src/Ledgend.tsx
@@ -4,7 +4,6 @@
 import React from 'react';
 import styled from 'styled-components';
 import { Badge, Icon } from '@polkadot/react-components';
-import { useApi } from '@polkadot/react-hooks';
 
 import { useTranslation } from './translate';
 
@@ -14,7 +13,6 @@ interface Props {
 
 function Ledgend ({ className }: Props): React.ReactElement<Props> {
   const { t } = useTranslation();
-  const { api } = useApi();
 
   return (
     <div className={className}>
@@ -49,7 +47,7 @@ function Ledgend ({ className }: Props): React.ReactElement<Props> {
       <span>
         <Badge
           color='red'
-          info={api.consts.staking?.maxNominatorRewardedPerValidator?.toString() || '64'}
+          icon='balance-scale-right'
         />
         {t('Oversubscribed')}
       </span>
diff --git a/packages/page-staking/src/MaxBadge.tsx b/packages/page-staking/src/MaxBadge.tsx
index 23b629de16..b58407e784 100644
--- a/packages/page-staking/src/MaxBadge.tsx
+++ b/packages/page-staking/src/MaxBadge.tsx
@@ -21,7 +21,7 @@ function MaxBadge ({ numNominators }: Props): React.ReactElement<Props> | null {
   return (
     <Badge
       color='red'
-      info={max.toString()}
+      icon='balance-scale-right'
     />
   );
 }