diff --git a/apps/site/components/Common/Supporters/index.tsx b/apps/site/components/Common/Supporters/index.tsx
index 75a01c83f42ee..67f985b91c466 100644
--- a/apps/site/components/Common/Supporters/index.tsx
+++ b/apps/site/components/Common/Supporters/index.tsx
@@ -11,8 +11,13 @@ type SupportersListProps = {
 
 const SupportersList: FC<SupportersListProps> = ({ supporters }) => (
   <div className="flex max-w-full flex-wrap items-center justify-center gap-1">
-    {supporters.map(({ name, image }, i) => (
-      <Avatar nickname={name} image={image} key={`${name}-${i}`} />
+    {supporters.map(({ name, image, profile }, i) => (
+      <Avatar
+        nickname={name}
+        image={image}
+        key={`${name}-${i}`}
+        url={profile}
+      />
     ))}
   </div>
 );
diff --git a/apps/site/next-data/generators/supportersData.mjs b/apps/site/next-data/generators/supportersData.mjs
index 1ffce2476b179..fd788a7c14074 100644
--- a/apps/site/next-data/generators/supportersData.mjs
+++ b/apps/site/next-data/generators/supportersData.mjs
@@ -13,10 +13,12 @@ async function fetchOpenCollectiveData() {
 
   const members = payload
     .filter(({ role, isActive }) => role === 'BACKER' && isActive)
-    .map(({ name, website, image }) => ({
+    .sort((a, b) => b.totalAmountDonated - a.totalAmountDonated)
+    .map(({ name, website, image, profile }) => ({
       name,
       image,
       url: website,
+      profile,
       source: 'opencollective',
     }));
 
diff --git a/apps/site/types/partners.ts b/apps/site/types/partners.ts
index b0276715e9e84..705dada162e5a 100644
--- a/apps/site/types/partners.ts
+++ b/apps/site/types/partners.ts
@@ -34,6 +34,7 @@ export type Supporters = {
   name: string;
   image: string;
   url: string;
+  profile: string;
   source: 'opencollective' | 'github';
 };