diff --git a/components/UI/iconsComponents/icons/twitterIcon.tsx b/components/UI/iconsComponents/icons/twitterIcon.tsx index 8bffd99e..28239b74 100644 --- a/components/UI/iconsComponents/icons/twitterIcon.tsx +++ b/components/UI/iconsComponents/icons/twitterIcon.tsx @@ -6,10 +6,10 @@ const TwitterIcon: FunctionComponent = ({ width, color }) => { xmlns="http://www.w3.org/2000/svg" width={width} height={width} - viewBox="0 0 24 24" + viewBox="0 0 1200 1227" fill={color} > - + ); }; diff --git a/components/UI/profileCard/profileCard.tsx b/components/UI/profileCard/profileCard.tsx index 7ea45b53..c855fa11 100644 --- a/components/UI/profileCard/profileCard.tsx +++ b/components/UI/profileCard/profileCard.tsx @@ -230,21 +230,23 @@ const ProfileCard: FunctionComponent = ({
{tweetShareLink && ( - -
- - Share -
- +
+ +
+ + Share +
+ +
)}
diff --git a/styles/components/icons.module.css b/styles/components/icons.module.css index 639454cc..f4953773 100644 --- a/styles/components/icons.module.css +++ b/styles/components/icons.module.css @@ -24,7 +24,7 @@ .clickableIconDiscord, .clickableIconGithub, .clickableIconTwitter { - background-color: #55acee; + background-color: #101012; border-radius: 25%; padding: 0.5rem; position: relative; diff --git a/styles/dashboard.module.css b/styles/dashboard.module.css index 59154576..1be25ce5 100644 --- a/styles/dashboard.module.css +++ b/styles/dashboard.module.css @@ -164,11 +164,16 @@ .social_icon { width: 32px; height: 32px; + margin-left: 8px; border-radius: 12px; background-color: white; cursor: pointer; } +.share_button_wrapper { + margin-left: 48px; +} + .right_share_button { width: auto; height: 32px;