diff --git a/src/components/ui/links/AddressCopier.tsx b/src/components/ui/links/AddressCopier.tsx
index 72d6f3325d..f8a9b58ca4 100644
--- a/src/components/ui/links/AddressCopier.tsx
+++ b/src/components/ui/links/AddressCopier.tsx
@@ -1,11 +1,10 @@
-import { ButtonProps, Text } from '@chakra-ui/react';
+import { Text, Icon, LinkProps } from '@chakra-ui/react';
import { CopySimple } from '@phosphor-icons/react';
import { useCopyText } from '../../../hooks/utils/useCopyText';
import useDisplayName from '../../../hooks/utils/useDisplayName';
-import CeleryButtonWithIcon from '../utils/CeleryButtonWithIcon';
import EtherscanLinkAddress from './EtherscanLinkAddress';
-interface Props extends ButtonProps {
+interface Props extends LinkProps {
address: string;
}
@@ -18,15 +17,25 @@ export default function AddressCopier({ address, ...rest }: Props) {
const copyToClipboard = useCopyText();
return (
- copyToClipboard(address)}
- icon={CopySimple}
- iconPosition="end"
+ {
+ e.preventDefault();
+ copyToClipboard(address);
+ }}
+ width="fit-content"
{...rest}
>
-
- {accountSubstring}
-
-
+
+ {accountSubstring}
+
+
+
);
}