From 62b61e3eecfc0d19ba1bc7f527f4482db321414b Mon Sep 17 00:00:00 2001
From: saunter <68239231+stackingsaunter@users.noreply.github.com>
Date: Wed, 25 Mar 2026 02:16:33 +0100
Subject: [PATCH 1/2] feat: refresh support widget on Home

Rename Support Alby to Support Open Source, apply the updated card UI,
and place it in the right column under Recently Used Apps.

Made-with: Cursor
---
 .../home/widgets/SupportAlbyWidget.tsx        | 27 ++++++++++++-------
 frontend/src/screens/Home.tsx                 |  2 +-
 2 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/frontend/src/components/home/widgets/SupportAlbyWidget.tsx b/frontend/src/components/home/widgets/SupportAlbyWidget.tsx
index 5db771537..8bd64fa34 100644
--- a/frontend/src/components/home/widgets/SupportAlbyWidget.tsx
+++ b/frontend/src/components/home/widgets/SupportAlbyWidget.tsx
@@ -1,6 +1,7 @@
 import { HeartIcon } from "lucide-react";
 import {
   Card,
+  CardContent,
   CardDescription,
   CardFooter,
   CardHeader,
@@ -29,17 +30,25 @@ export function SupportAlbyWidget() {
   }
 
   return (
-    <Card>
-      <CardHeader>
-        <CardTitle>Support Alby</CardTitle>
-        <CardDescription>
-          Upgrade to Pro or setup a recurring payment to support the development
-          of Alby Hub, Alby Go and the NWC ecosystem.
-        </CardDescription>
+    <Card className="overflow-hidden rounded-[14px] shadow-none">
+      <CardHeader className="px-6 pb-0">
+        <CardTitle className="text-base font-semibold">
+          Support Open Source
+        </CardTitle>
       </CardHeader>
-      <CardFooter className="flex justify-end">
+      <CardContent className="px-6 py-0">
+        <div className="flex items-center gap-4">
+          <div className="flex size-12 items-center justify-center text-orange-500">
+            <HeartIcon className="size-12 stroke-[1.75]" />
+          </div>
+          <CardDescription className="text-sm leading-5">
+            Upgrade to Pro or donate to support the development of Alby Hub,
+            Alby Go and Alby Extension.
+          </CardDescription>
+        </div>
+      </CardContent>
+      <CardFooter className="justify-end px-6 pt-0">
         <LinkButton to="/support-alby" variant="outline">
-          <HeartIcon />
           Become a Supporter
         </LinkButton>
       </CardFooter>
diff --git a/frontend/src/screens/Home.tsx b/frontend/src/screens/Home.tsx
index e62e3480a..3ce7a6a67 100644
--- a/frontend/src/screens/Home.tsx
+++ b/frontend/src/screens/Home.tsx
@@ -70,7 +70,6 @@ function Home() {
         <div className="grid gap-3">
           <OnboardingChecklist />
           <WhatsNewWidget />
-          <SupportAlbyWidget />
           {info.albyAccountConnected && (
             <ExternalLink to="https://www.getalby.com/dashboard">
               <Card>
@@ -162,6 +161,7 @@ function Home() {
         {/* RIGHT */}
         <div className="grid gap-3">
           <LatestUsedAppsWidget />
+          <SupportAlbyWidget />
           <LightningMessageboardWidget />
           <AppOfTheDayWidget />
 

From d825b04c31701a121bdcf08f0f1b30f08067b61d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ren=C3=A9=20Aaron?= <rene@twentyuno.net>
Date: Wed, 25 Mar 2026 22:34:46 +0100
Subject: [PATCH 2/2] fix: remove obsolete classes

---
 frontend/src/components/home/widgets/SupportAlbyWidget.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/home/widgets/SupportAlbyWidget.tsx b/frontend/src/components/home/widgets/SupportAlbyWidget.tsx
index 8bd64fa34..db72a276d 100644
--- a/frontend/src/components/home/widgets/SupportAlbyWidget.tsx
+++ b/frontend/src/components/home/widgets/SupportAlbyWidget.tsx
@@ -30,7 +30,7 @@ export function SupportAlbyWidget() {
   }
 
   return (
-    <Card className="overflow-hidden rounded-[14px] shadow-none">
+    <Card>
       <CardHeader className="px-6 pb-0">
         <CardTitle className="text-base font-semibold">
           Support Open Source