diff --git a/shared/data/site.json b/shared/data/site.json
index 7743586df..3fb016f40 100644
--- a/shared/data/site.json
+++ b/shared/data/site.json
@@ -7,6 +7,7 @@
   "homepage": "https://tabler.io",
   "githubUrl": "https://github.com/tabler/tabler",
   "githubSponsorsUrl": "https://github.com/sponsors/codecalm",
+  "opencollectiveUrl": "https://opencollective.com/tabler",
   "xUrl": "https://x.com/tabler_io",
   "linkedinUrl": "https://www.linkedin.com/company/tabler-io",
   "changelogUrl": "https://github.com/tabler/tabler/releases",
@@ -305,7 +306,7 @@
       "hex": "var(--tblr-dribbble)",
       "abbr": "dr",
       "icon": "brand-dribbble",
-      "prop": "--tblr-dribbble" 
+      "prop": "--tblr-dribbble"
     },
     "github": {
       "title": "Github",
@@ -333,7 +334,7 @@
       "hex": "var(--tblr-vk)",
       "abbr": "vk",
       "icon": "brand-vk",
-      "prop": "--tblr-vk" 
+      "prop": "--tblr-vk"
     },
     "rss": {
       "title": "RSS",
diff --git a/shared/layouts/docs/default.html b/shared/layouts/docs/default.html
index 86e052178..8ffd1fd2d 100644
--- a/shared/layouts/docs/default.html
+++ b/shared/layouts/docs/default.html
@@ -165,15 +165,11 @@
 										</div>
 									
 										<div class="col text-end">
-											<a href="{{ site.githubUrl }}" class="link-secondary" target="_blank">{% include "ui/icon.html"
-												icon="brand-github"
-												%}</a>
-											<a href="{{ site.githubSponsorsUrl }}" class="link-secondary" target="_blank">{% include "ui/icon.html"
-												icon="heart"
-												%}</a>
+											<a href="{{ site.githubUrl }}" class="link-secondary" target="_blank">{% include "ui/icon.html" icon="brand-github" %}</a>
+											<a href="{{ site.githubSponsorsUrl }}" class="link-secondary" target="_blank">{% include "ui/icon.html" icon="heart" %}</a>
+											<a href="{{ site.opencollectiveUrl }}" class="link-secondary" target="_blank">{% include "ui/icon.html" icon="hearts" %}</a>
 											<a href="{{ site.xUrl }}" class="link-secondary" target="_blank">{% include "ui/icon.html" icon="brand-x" %}</a>
-											<a href="{{ site.linkedinUrl }}" class="link-secondary" target="_blank">{% include "ui/icon.html"
-												icon="brand-linkedin" %}</a>
+											<a href="{{ site.linkedinUrl }}" class="link-secondary" target="_blank">{% include "ui/icon.html" icon="brand-linkedin" %}</a>
 										</div>
 									</div>
 								</div>