change copy icon

icons/copy.svg

@@ -1,3 +1,10 @@
-<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
-  <path d="M12.91 3H5.272C4.57 3 4 3.57 4 4.273v8.909h1.273v-8.91h7.636V3Zm1.908 2.545h-7c-.703 0-1.273.57-1.273 1.273v8.91c0 .702.57 1.272 1.273 1.272h7c.703 0 1.273-.57 1.273-1.273V6.818c0-.703-.57-1.273-1.273-1.273Zm0 10.182h-7V6.818h7v8.91Z"/>
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <g clip-path="url(#copy_svg__a)">
+    <path d="M8.597 3H1.228C.55 3 0 3.57 0 4.273v8.909h1.228v-8.91h7.369V3Zm1.842 2.545H3.684c-.678 0-1.228.57-1.228 1.273v8.91c0 .702.55 1.272 1.228 1.272h6.755c.678 0 1.228-.57 1.228-1.273V6.818c0-.703-.55-1.273-1.228-1.273Zm0 10.182H3.684V6.818h6.755v8.91Z" fill="currentColor" stroke="currentColor" stroke-width=".3"/>
+  </g>
+  <defs>
+    <clipPath id="copy_svg__a">
+      <path d="M0 0h20v20H0z"/>
+    </clipPath>
+  </defs>
 </svg>

ui/shared/CopyToClipboard.tsx

@@ -24,7 +24,7 @@ const CopyToClipboard = ({ text, className, isLoading }: Props) => {
   }, [ hasCopied ]);
 
   if (isLoading) {
-    return <Skeleton boxSize={ 5 } className={ className } borderRadius="sm" flexShrink={ 0 } ml={ 1 }/>;
+    return <Skeleton boxSize={ 5 } className={ className } borderRadius="sm" flexShrink={ 0 } ml={ 2 }/>;
   }
 
   return (
@@ -42,7 +42,8 @@ const CopyToClipboard = ({ text, className, isLoading }: Props) => {
         className={ className }
         onMouseEnter={ onOpen }
         onMouseLeave={ onClose }
-        ml={ 1 }
+        ml={ 2 }
+        borderRadius={ 0 }
       />
     </Tooltip>
   );

ui/shared/entities/address/AddressEntity.tsx

@@ -56,6 +56,7 @@ const Icon = (props: IconProps) => {
               { ...props }
               asProp={ iconContractVerified }
               color="green.500"
+              borderRadius={ 0 }
             />
           </span>
         </Tooltip>
@@ -68,6 +69,7 @@ const Icon = (props: IconProps) => {
           <EntityBase.Icon
             { ...props }
             asProp={ iconContract }
+            borderRadius={ 0 }
           />
         </span>
       </Tooltip>

ui/shared/entities/base/components.tsx

@@ -78,9 +78,10 @@ const Link = chakra(({ isLoading, children, isExternal, onClick, href, noLink }:
 export interface IconBaseProps extends Pick<EntityBaseProps, 'isLoading' | 'iconSize' | 'noIcon'> {
   asProp: As;
   color?: IconProps['color'];
+  borderRadius?: IconProps['borderRadius'];
 }
 
-const Icon = ({ isLoading, iconSize, noIcon, asProp, color }: IconBaseProps) => {
+const Icon = ({ isLoading, iconSize, noIcon, asProp, color, borderRadius }: IconBaseProps) => {
   const defaultColor = useColorModeValue('gray.500', 'gray.400');
 
   if (noIcon) {
@@ -94,7 +95,7 @@ const Icon = ({ isLoading, iconSize, noIcon, asProp, color }: IconBaseProps) =>
         as={ asProp }
         boxSize={ styles.boxSize }
         isLoading={ isLoading }
-        borderRadius="base"
+        borderRadius={ borderRadius ?? 'base' }
       />
     </Box>
   );