copy to clipboard button

theme/foundations/zIndices.ts

@@ -3,7 +3,6 @@ const zIndices = {
   auto: 'auto',
   base: 0,
   docked: 10,
-  tooltip: 900,
   dropdown: 1000,
   sticky: 1100,
   sticky1: 1101,
@@ -12,6 +11,7 @@ const zIndices = {
   overlay: 1300,
   modal: 1400,
   popover: 1500,
+  tooltip: 1550, // otherwise tooltips will not be visible in modals
   skipLink: 1600,
   toast: 1700,
 };

ui/addressVerification/steps/AddressVerificationStepSignature.tsx

@@ -17,6 +17,7 @@ import type { VerifiedAddress } from 'types/api/account';
 import appConfig from 'configs/app/config';
 import type { ResourceError } from 'lib/api/resources';
 import useApiFetch from 'lib/api/useApiFetch';
+import CopyToClipboard from 'ui/shared/CopyToClipboard';
 
 import AddressVerificationFieldMessage from '../fields/AddressVerificationFieldMessage';
 import AddressVerificationFieldSignature from '../fields/AddressVerificationFieldSignature';
@@ -137,7 +138,10 @@ const AddressVerificationStepSignature = ({ address, signingMessage, contractCre
         </Flex>
       ) }
       <Flex rowGap={ 5 } flexDir="column">
-        <AddressVerificationFieldMessage formState={ formState } control={ control }/>
+        <div>
+          <CopyToClipboard text={ signingMessage } ml="auto" display="block"/>
+          <AddressVerificationFieldMessage formState={ formState } control={ control }/>
+        </div>
         <RadioGroup onChange={ handleSignMethodChange } value={ signMethod } display="flex" flexDir="column" rowGap={ 4 }>
           <Radio value="wallet">Sign via Web3 wallet</Radio>
           <Radio value="manually">Sign manually</Radio>