update

Author: jpuri

ui/pages/confirmations/components/confirm/info/shared/advanced-details/__snapshots__/advanced-details.test.tsx.snap

@@ -105,9 +105,13 @@ exports[`<AdvancedDetails /> renders component for advanced transaction details
       style="height: 1px; margin-left: -8px; margin-right: -8px;"
     />
     <div
-      class="mm-box confirm-info-row mm-box--margin-top-2 mm-box--margin-bottom-2 mm-box--padding-right-2 mm-box--padding-left-2 mm-box--display-flex mm-box--flex-direction-row mm-box--flex-wrap-wrap mm-box--justify-content-space-between mm-box--color-text-default mm-box--rounded-lg"
+      class="mm-box confirm-info-row mm-box--margin-top-2 mm-box--margin-bottom-2 mm-box--padding-right-5 mm-box--padding-left-2 mm-box--display-flex mm-box--flex-direction-row mm-box--flex-wrap-wrap mm-box--justify-content-space-between mm-box--color-text-default mm-box--rounded-lg"
       style="overflow-wrap: anywhere; min-height: 24px; position: relative;"
     >
+      <span
+        class="mm-box mm-icon mm-icon--size-sm mm-box--display-inline-block mm-box--color-icon-alternative"
+        style="mask-image: url('./images/icons/copy.svg'); cursor: pointer; position: absolute; right: 0px; top: 2px;"
+      />
       <div
         class="mm-box mm-box--display-flex mm-box--flex-direction-row mm-box--justify-content-center mm-box--align-items-center"
       >

ui/pages/confirmations/components/confirm/info/shared/advanced-details/advanced-details.tsx

@@ -123,7 +123,11 @@ const HexDetails = () => {
   return (
     <>
       <ConfirmInfoRowDivider />
-      <ConfirmInfoRow label={t('advancedDetailsHexDesc')}>
+      <ConfirmInfoRow
+        label={t('advancedDetailsHexDesc')}
+        copyEnabled
+        copyText={currentConfirmation.txParams.data || ''}
+      >
         <ConfirmInfoRowText text={currentConfirmation.txParams.data || ''} />
       </ConfirmInfoRow>
       <Box paddingLeft={2}>