diff --git a/packages/page-contracts/src/shared/MessageSignature.tsx b/packages/page-contracts/src/shared/MessageSignature.tsx
index 9e8bb6ab59..4bd7138cc5 100644
--- a/packages/page-contracts/src/shared/MessageSignature.tsx
+++ b/packages/page-contracts/src/shared/MessageSignature.tsx
@@ -7,6 +7,7 @@ import React from 'react';
 import styled from 'styled-components';
 import { Icon, Tooltip } from '@polkadot/react-components';
 import { encodeTypeDef } from '@polkadot/types';
+import { stringCamelCase } from '@polkadot/util';
 
 import { useTranslation } from '../translate';
 
@@ -31,7 +32,7 @@ function MessageSignature ({ className, message: { args, identifier, isConstruct
 
   return (
     <div className={className}>
-      <span className='ui--MessageSignature-name'>{identifier}</span>
+      <span className='ui--MessageSignature-name'>{stringCamelCase(identifier)}</span>
       {' '}({args.map(({ name, type }, index): React.ReactNode => {
         return (
           <React.Fragment key={`${name}-args-${index}`}>