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}

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} />
                 )}

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>
   );

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>