diff --git a/packages/website/src/components/CommunitySection/CommunitySection.js b/packages/website/src/components/CommunitySection/CommunitySection.js
index e09f2a1b..d807a8c6 100644
--- a/packages/website/src/components/CommunitySection/CommunitySection.js
+++ b/packages/website/src/components/CommunitySection/CommunitySection.js
@@ -103,9 +103,9 @@ const CommunitySection = () => {
             <Link
               key={name}
               href={href}
-              className="text-palette-600 text-sm font-light flex items-center flex-shrink-0 flex-grow-0 whitespace-nowrap leading-10"
+              className="text-palette-600 text-sm font-light flex items-center flex-shrink-0 flex-grow-0 whitespace-nowrap leading-10 space-x-2 hover:text-palette-500 transition-colors duration-200"
             >
-              <Icon className="mr-2 fill-current" />
+              <Icon className="fill-current" />
               <span>{name}</span>
             </Link>
           ))}
diff --git a/packages/website/src/components/NewsHeader/NewsHeader.js b/packages/website/src/components/NewsHeader/NewsHeader.js
index 92b12714..25c5b929 100644
--- a/packages/website/src/components/NewsHeader/NewsHeader.js
+++ b/packages/website/src/components/NewsHeader/NewsHeader.js
@@ -1,7 +1,7 @@
 import * as React from "react";
 import { useStaticQuery, graphql } from "gatsby";
 import Link from "../Link";
-import { ArrowRight, DiscordSmallWhite } from "../Icons";
+import { ArrowRight, DiscordSmall } from "../Icons";
 
 const NewsHeader = () => {
   const { allMarkdownRemark } = useStaticQuery(graphql`
@@ -41,9 +41,9 @@ const NewsHeader = () => {
           <div className="ml-auto items-center pl-8 hidden desktop:block">
             <Link
               href="https://discordapp.com/invite/sia"
-              className="text-palette-300 leading-8 font-content flex items-center flex-shrink-0 whitespace-nowrap"
+              className="text-palette-300 leading-8 font-content flex items-center flex-shrink-0 whitespace-nowrap hover:text-palette-200 transition-colors duration-200 space-x-2"
             >
-              <DiscordSmallWhite className="mr-2" />
+              <DiscordSmall className="fill-current" />
               <span>Join our Discord</span>
             </Link>
           </div>
diff --git a/packages/website/src/templates/news-post.js b/packages/website/src/templates/news-post.js
index 827cd00d..bbd8e866 100644
--- a/packages/website/src/templates/news-post.js
+++ b/packages/website/src/templates/news-post.js
@@ -32,7 +32,7 @@ const BlogPostTemplate = ({ data, location }) => {
                 <div class="text-xs uppercase mr-4">Share</div>
 
                 <TwitterShareButton url={location.href} title={post.frontmatter.title} hashtags={[]}>
-                  <TwitterSmall />
+                  <TwitterSmall className="fill-current hover:text-palette-400 transition-colors duration-200" />
                 </TwitterShareButton>
 
                 <LinkedinShareButton
@@ -40,11 +40,11 @@ const BlogPostTemplate = ({ data, location }) => {
                   title={post.frontmatter.title}
                   summary={post.frontmatter.description}
                 >
-                  <LinkedinSmall />
+                  <LinkedinSmall className="fill-current hover:text-palette-400 transition-colors duration-200" />
                 </LinkedinShareButton>
 
                 <FacebookShareButton url={location.href} quote={post.frontmatter.title}>
-                  <LinkedinSmall />
+                  <LinkedinSmall className="fill-current hover:text-palette-400 transition-colors duration-200" />
                 </FacebookShareButton>
               </div>
             </aside>