diff --git a/packages/app-democracy/src/Overview/PreImage.tsx b/packages/app-democracy/src/Overview/PreImage.tsx
index 4841e595e824..8bde77e93c0b 100644
--- a/packages/app-democracy/src/Overview/PreImage.tsx
+++ b/packages/app-democracy/src/Overview/PreImage.tsx
@@ -43,7 +43,7 @@ function PreImage ({ className, onClose }: Props): React.ReactElement<Props> {
         <InputAddress
           help={t('The account you want to register the preimage from')}
           label={t('send from account')}
-          labelExtra={<Available label={t('transferrable')} params={accountId} />}
+          labelExtra={<Available label={<span className='label'>{t('transferrable')}</span>} params={accountId} />}
           onChange={setAccountId}
           type='account'
         />
diff --git a/packages/app-democracy/src/Overview/Propose.tsx b/packages/app-democracy/src/Overview/Propose.tsx
index 7086afb345fe..1dce4b6a59fd 100644
--- a/packages/app-democracy/src/Overview/Propose.tsx
+++ b/packages/app-democracy/src/Overview/Propose.tsx
@@ -35,7 +35,7 @@ export default function Propose ({ className, onClose }: Props): React.ReactElem
         <InputAddress
           help={t('The account you want to register the proposal from')}
           label={t('send from account')}
-          labelExtra={<Available label={t('transferrable')} params={accountId} />}
+          labelExtra={<Available label={<span className='label'>{t('transferrable')}</span>} params={accountId} />}
           onChange={setAccountId}
           type='account'
         />
diff --git a/packages/app-staking/src/Actions/Account/BondExtra.tsx b/packages/app-staking/src/Actions/Account/BondExtra.tsx
index 53e86ba8ad8a..d35f6de72db9 100644
--- a/packages/app-staking/src/Actions/Account/BondExtra.tsx
+++ b/packages/app-staking/src/Actions/Account/BondExtra.tsx
@@ -90,7 +90,6 @@ class BondExtra extends TxComponent<Props, State> {
   private renderContent (): React.ReactNode {
     const { stashId, systemChain, t } = this.props;
     const { amountError, maxAdditional, maxBalance } = this.state;
-    const transferrable = <span className='label'>{t('transferrable')}</span>;
     const isUnsafeChain = detectUnsafe(systemChain);
 
     return (
@@ -100,7 +99,7 @@ class BondExtra extends TxComponent<Props, State> {
           defaultValue={stashId}
           isDisabled
           label={t('stash account')}
-          labelExtra={<Available label={transferrable} params={stashId} />}
+          labelExtra={<Available label={<span className='label'>{t('transferrable')}</span>} params={stashId} />}
         />
         <InputBalance
           autoFocus