diff --git a/app/views/components/gab-share-button.pug b/app/views/components/share-buttons.pug
similarity index 91%
rename from app/views/components/gab-share-button.pug
rename to app/views/components/share-buttons.pug
index 71c43d7..46ee210 100644
--- a/app/views/components/gab-share-button.pug
+++ b/app/views/components/share-buttons.pug
@@ -1,5 +1,5 @@
 mixin renderGabShareButton (shareUrl, shareMsg)
-  a(href=`https://gab.com/compose?url=${shareUrl}&text=${shareMsg}`, target="_frenshare", rel="noopener noreferrer").fren-button
+  a(href=`https://gab.com/compose?url=${shareUrl}&text=${shareMsg}`, target="_blank", rel="noopener noreferrer").share-button.share-to-gab
     span(style="color: white;")
       <svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20px" height="20px" viewBox="0 4 20 30" xml:space="preserve">
         <g>
diff --git a/client/less/site/button.less b/client/less/site/button.less
index b7e0b10..a4a1cc1 100644
--- a/client/less/site/button.less
+++ b/client/less/site/button.less
@@ -24,12 +24,16 @@ a.dtp-link-button {
 }
 
 .share-button {
-  background: #00d178;
-  color: white;
   font-weight: bold;
 
-  &:hover {
+  &.share-to-gab {
+    background: @brand-color-gab;
     color: white;
+
+    &:hover {
+      background: lighten(@brand-color-gab, 5%);
+      color: white;
+    }
   }
 }
 
diff --git a/client/less/site/variables.less b/client/less/site/variables.less
index dc71ee5..a0ad1e4 100644
--- a/client/less/site/variables.less
+++ b/client/less/site/variables.less
@@ -1,2 +1,4 @@
 @site-brand-color: #d01a2a;
-@site-navbar-height: 64px;
+@brand-color-gab: #00d178;
+
+@site-navbar-height: 64px;
\ No newline at end of file