diff --git a/components/share-icon/index.js b/components/share-icon/index.js
index f655fabc7..c4b9caae6 100644
--- a/components/share-icon/index.js
+++ b/components/share-icon/index.js
@@ -5,6 +5,7 @@ export const ShareIcon = styled.a`
   width: 22px;
   height: 22px;
   margin-bottom: 8px;
+  text-align: center;
 
   svg {
     height: 22px !important;
diff --git a/components/share-page/index.js b/components/share-page/index.js
index 37348576d..9d0a10aa3 100644
--- a/components/share-page/index.js
+++ b/components/share-page/index.js
@@ -1,7 +1,7 @@
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faFacebookSquare, faRedditSquare, faTwitterSquare } from '@fortawesome/free-brands-svg-icons'
+import { faFacebookSquare, faHackerNewsSquare, faRedditSquare, faTwitterSquare } from '@fortawesome/free-brands-svg-icons';
 
-import { getFacebookShareUrl, getRedditShareUrl, getTwitterShareUrl } from "lib/url";
+import { getFacebookShareUrl, getHnShareUrl, getRedditShareUrl, getTwitterShareUrl } from 'lib/url';
 import { ShareIconsList, ShareWrap } from './style';
 import { ShareIcon } from 'components/share-icon';
 
@@ -24,6 +24,9 @@ const SharePage = ({
       <ShareIcon href={ getFacebookShareUrl({ text: title, url: url }) } target="_blank">
         <FontAwesomeIcon icon={ faFacebookSquare } />
       </ShareIcon>
+      <ShareIcon href={ getHnShareUrl({ text: title, url: url })} target="_blank">
+        <FontAwesomeIcon icon={faHackerNewsSquare}/>
+      </ShareIcon>
       <ShareIcon href={ getRedditShareUrl({ text: title, url: url })} target="_blank">
         <FontAwesomeIcon icon={ faRedditSquare } />
       </ShareIcon>