Components:TextArea: remove background for copy icon

packages/components/social-button/index.js

@@ -13,12 +13,14 @@ class SocialButton extends React.Component {
   }
 
   render() {
-    const { label, iconName, IconComponent, isConnect, ...otherProps } =
+    const { label, iconName, IconComponent, image, isConnect, ...otherProps } =
       this.props;
     return (
       <StyledSocialButton isConnect={isConnect} {...otherProps}>
         <div>
-          {IconComponent ? (
+          {image ? (
+            <>{image}</>
+          ) : IconComponent ? (
             <IconComponent className="iconWrapper" />
           ) : (
             <ReactSVG className="iconWrapper" src={iconName} />

packages/components/textarea/index.js

@@ -105,7 +105,7 @@ const Textarea = ({
       isJSONField={isJSONField}
       onFocus={enableCopy ? onTextareaClick : undefined}
     >
-      {isJSONField && (
+      {(isJSONField || enableCopy) && (
         <CopyIconWrapper
           className={classNameCopyIcon}
           isJSONField={isJSONField}

packages/components/textarea/styled-textarea.js

@@ -164,7 +164,7 @@ const CopyIconWrapper = styled.div`
   display: flex;
   justify-content: center;
   align-items: center;
-  background-color: ${(props) => props.theme.backgroundColor};
+  // background-color: ${(props) => props.theme.backgroundColor};
 `;
 
 CopyIconWrapper.defaultProps = { theme: Base };