diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 3eb6355..7cd42f4 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -29,7 +29,7 @@
     {{ block "main" . }}{{ end }}
 
     {{ if not .IsHome }}
-      {{ partial "bmac-pill.html" . }}
+      {{ partial "support-pill.html" . }}
     {{ end }}
 
     {{ partial "footer.html" . }}
diff --git a/layouts/partials/bmac-pill.html b/layouts/partials/bmac-pill.html
deleted file mode 100644
index 110d60d..0000000
--- a/layouts/partials/bmac-pill.html
+++ /dev/null
@@ -1,3 +0,0 @@
-<a href="{{ .Site.Data.support.donate.buymeacoffee.link }}" class="bmac-pill" title="Buy Me A Coffee">
-  <img src="https://cdn.buymeacoffee.com/widget/assets/coffee%20cup.svg" alt="Buy Me A Coffee" referrerpolicy="no-referrer" />
-</a>
diff --git a/layouts/partials/support-pill.html b/layouts/partials/support-pill.html
new file mode 100644
index 0000000..159e360
--- /dev/null
+++ b/layouts/partials/support-pill.html
@@ -0,0 +1,3 @@
+<a href='{{ relURL "support" }}' class="support-pill" title="Support me">
+  <i class="fas fa-praying-hands"></i>
+</a>
diff --git a/static/src/scss/style.scss b/static/src/scss/style.scss
index 3fbf7b6..93de117 100644
--- a/static/src/scss/style.scss
+++ b/static/src/scss/style.scss
@@ -319,7 +319,7 @@ a.no-color-change {
 }
 
 
-.bmac-pill {
+.support-pill {
   @extend .badge, .badge-primary;
 
   @include media-breakpoint-up(md) {
@@ -332,13 +332,7 @@ a.no-color-change {
     border-radius: 30px;
     width: 60px;
     height: 60px;
-
-    img {
-      margin: 0;
-      padding: 0;
-      width: 40px;
-      height: 40px;
-    }
+    font-size: 100%;
   }
 
   @include media-breakpoint-down(sm) {