From 2d003c6fef5542702a6247e37de04997e3f48829 Mon Sep 17 00:00:00 2001
From: TerryM <chiachintat10@gmail.com>
Date: Fri, 5 Jun 2026 18:47:04 +0800
Subject: [PATCH] fix: unify home download button sizing

---
 src/components/LatestUpdateCard.tsx                         | 6 +++---
 src/components/RecommendedCard.tsx                          | 6 +++---
 .../messageStream/BubbleAttachmentDownloadButton.tsx        | 2 +-
 src/components/messageStream/bubbles/FileDocBubble.tsx      | 6 +++---
 4 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/components/LatestUpdateCard.tsx b/src/components/LatestUpdateCard.tsx
index e901272..43fc786 100644
--- a/src/components/LatestUpdateCard.tsx
+++ b/src/components/LatestUpdateCard.tsx
@@ -64,15 +64,15 @@ function LatestActions({
             isDownloading ? t("downloading") : `Download ${attachment.filename}`
           }
           aria-busy={isDownloading}
-          className="relative z-20 flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-[#191921] transition hover:bg-[#22232D] disabled:cursor-wait"
+          className="relative z-20 flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-[#191921] text-white outline-none transition hover:bg-[#22232D] focus-visible:ring-2 focus-visible:ring-ark-gold/70 disabled:cursor-wait"
         >
           {isDownloading ? (
             <LoaderCircle
-              className="h-5 w-5 animate-spin text-[#A8A9AE]"
+              className="h-4 w-4 animate-spin text-[#A8A9AE]"
               strokeWidth={2.3}
             />
           ) : (
-            <DownloadCloudIcon />
+            <DownloadCloudIcon className="h-5 w-5" />
           )}
         </button>
       ) : null}
diff --git a/src/components/RecommendedCard.tsx b/src/components/RecommendedCard.tsx
index 486bdcb..f3566ca 100644
--- a/src/components/RecommendedCard.tsx
+++ b/src/components/RecommendedCard.tsx
@@ -193,7 +193,7 @@ export function RecommendedCard({
                 type="button"
                 className={
                   useFigmaDesign
-                    ? "relative z-20 flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-[#191921] text-white outline-none transition hover:bg-[#22232D] active:scale-95 focus-visible:ring-2 focus-visible:ring-ark-gold/80 disabled:cursor-wait"
+                    ? "relative z-20 flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-[#191921] text-white outline-none transition hover:bg-[#22232D] active:scale-95 focus-visible:ring-2 focus-visible:ring-ark-gold/80 disabled:cursor-wait"
                     : "relative z-20 shrink-0 rounded-lg p-1 text-white outline-none transition hover:bg-ark-gold/10 active:scale-95 focus-visible:ring-2 focus-visible:ring-ark-gold/80 disabled:cursor-wait"
                 }
                 title={isDownloading ? t("downloading") : t("download")}
@@ -208,11 +208,11 @@ export function RecommendedCard({
               >
                 {isDownloading ? (
                   <LoaderCircle
-                    className="h-5 w-5 animate-spin"
+                    className="h-4 w-4 animate-spin"
                     strokeWidth={2.2}
                   />
                 ) : useFigmaDesign ? (
-                  <DownloadCloudIcon className="h-6 w-6" />
+                  <DownloadCloudIcon className="h-5 w-5" />
                 ) : (
                   <Download className="h-5 w-5" strokeWidth={2.2} />
                 )}
diff --git a/src/components/messageStream/BubbleAttachmentDownloadButton.tsx b/src/components/messageStream/BubbleAttachmentDownloadButton.tsx
index 7c3993a..68e8825 100644
--- a/src/components/messageStream/BubbleAttachmentDownloadButton.tsx
+++ b/src/components/messageStream/BubbleAttachmentDownloadButton.tsx
@@ -60,7 +60,7 @@ export function BubbleAttachmentDownloadButton({
       {isDownloading ? (
         <LoaderCircle className="h-4 w-4 animate-spin" strokeWidth={2.2} />
       ) : (
-        <DownloadCloudIcon className="h-4 w-4" />
+        <DownloadCloudIcon className="h-5 w-5" />
       )}
     </button>
   );
diff --git a/src/components/messageStream/bubbles/FileDocBubble.tsx b/src/components/messageStream/bubbles/FileDocBubble.tsx
index 2d44503..a109184 100644
--- a/src/components/messageStream/bubbles/FileDocBubble.tsx
+++ b/src/components/messageStream/bubbles/FileDocBubble.tsx
@@ -167,7 +167,7 @@ function LatestFileCard({ post }: { post: Post }) {
             type="button"
             onClick={handleDownload}
             disabled={isDownloading}
-            className="flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-[#191921] transition hover:bg-[#22232D] disabled:cursor-wait"
+            className="flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-[#191921] transition hover:bg-[#22232D] disabled:cursor-wait"
             aria-label={
               isDownloading ? t("downloading") : `Download ${att.filename}`
             }
@@ -175,11 +175,11 @@ function LatestFileCard({ post }: { post: Post }) {
           >
             {isDownloading ? (
               <LoaderCircle
-                className="h-5 w-5 animate-spin text-[#A8A9AE]"
+                className="h-4 w-4 animate-spin text-[#A8A9AE]"
                 strokeWidth={2.3}
               />
             ) : (
-              <DownloadCloudIcon />
+              <DownloadCloudIcon className="h-5 w-5" />
             )}
           </button>
         </div>