diff --git a/_config.yml b/_config.yml
index d25ba6046..0fad267a7 100644
--- a/_config.yml
+++ b/_config.yml
@@ -16,6 +16,7 @@ title: Tabler
 description: Premium and Open Source dashboard template with responsive and high quality UI.
 homepage: https://tabler.io
 github-url: https://github.com/tabler/tabler
+github-sponsors-url: https://github.com/sponsors/codecalm
 changelog-url: https://github.com/tabler/tabler/releases
 sponsor-url: https://github.com/sponsors/codecalm
 preview-url: https://preview.tabler.io
diff --git a/src/pages/_includes/layout/footer.html b/src/pages/_includes/layout/footer.html
index 75eb8c14e..179b886cf 100644
--- a/src/pages/_includes/layout/footer.html
+++ b/src/pages/_includes/layout/footer.html
@@ -6,6 +6,12 @@
 					<li class="list-inline-item"><a href="{{ site.base }}/docs/index.html" class="link-secondary">Documentation</a></li>
 					<li class="list-inline-item"><a href="{{ site.base }}/license.html" class="link-secondary">License</a></li>
 					<li class="list-inline-item"><a href="{{ site.github-url }}" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
+					<li class="list-inline-item">
+						<a href="{{ site.github-sponsors-url }}" target="_blank" class="link-secondary" rel="noopener">
+							{% include ui/icon.html icon="heart" color="pink" %}
+							Sponsor
+						</a>
+					</li>
 				</ul>
 			</div>
 			<div class="col-12 col-lg-auto mt-3 mt-lg-0">
diff --git a/src/pages/_includes/layout/navbar-side.html b/src/pages/_includes/layout/navbar-side.html
index 9c302decf..4e7dda781 100644
--- a/src/pages/_includes/layout/navbar-side.html
+++ b/src/pages/_includes/layout/navbar-side.html
@@ -2,7 +2,10 @@
 {% assign person = site.data.people[person-id] %}
 <div class="navbar-nav flex-row{% if include.class %} {{ include.class }}{% endif %}">
 	<div class="nav-item d-none d-md-flex me-3">
-		{% include ui/button.html icon="brand-github" color="github" outline=true text="Source code" href=site.github-url external=true %}
+		<div class="btn-list">
+			{% include ui/button.html icon="brand-github" icon-color="github" outline=true text="Source code" href=site.github-url external=true %}
+			{% include ui/button.html icon="heart" icon-color="pink" outline=true text="Sponsor" href=site.github-sponsors-url external=true %}
+		</div>
 	</div>
 
 	<div class="nav-item dropdown d-none d-md-flex me-3">
diff --git a/src/scss/ui/_icons.scss b/src/scss/ui/_icons.scss
index a02fc7a54..b8bfc6d85 100644
--- a/src/scss/ui/_icons.scss
+++ b/src/scss/ui/_icons.scss
@@ -14,9 +14,10 @@
 }
 
 .icon-inline {
-  width: 1.25em;
-  height: 1.25em;
-  font-size: 1em;
+  width: 1em;
+  height: 1em;
+  font-size: (16/14) * 1em;
+  vertical-align: -0.2em;
 }
 
 .icon-filled {