From 17efeabd0922422566af60d1fbb9e8753da48cca Mon Sep 17 00:00:00 2001
From: npub1223z34hd7vtwc6qj4s7flsxkj644nlre2nthu7lrrmkumhu3xddsrx9r6w
 <52a228d6edf316ec6812ac3c9fc0d696ab59fc7954d77e7be31eedcddf91335b@buzz.block.builderlab.xyz>
Date: Tue, 28 Jul 2026 11:19:46 -0700
Subject: [PATCH] refactor(desktop): use shared button for preview removal

Co-authored-by: Taylor Ho <taylorkmho@gmail.com>
Signed-off-by: Taylor Ho <taylorkmho@gmail.com>
---
 desktop/src/shared/ui/link-preview-attachment.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/desktop/src/shared/ui/link-preview-attachment.tsx b/desktop/src/shared/ui/link-preview-attachment.tsx
index 2a4d75bff..65be82e95 100644
--- a/desktop/src/shared/ui/link-preview-attachment.tsx
+++ b/desktop/src/shared/ui/link-preview-attachment.tsx
@@ -2,6 +2,7 @@ import { Globe, X } from "lucide-react";
 
 import type { SupportedLinkPreview } from "@/shared/lib/linkPreview";
 import { cn } from "@/shared/lib/cn";
+import { Button } from "@/shared/ui/button";
 import {
   Attachment,
   AttachmentContent,
@@ -162,15 +163,17 @@ export function LinkPreviewAttachment({
         </AttachmentTrigger>
       </Attachment>
       {onRemove ? (
-        <button
+        <Button
           aria-label="Remove previews for everyone"
-          className="absolute left-full top-0 z-20 ml-1 flex h-5 w-5 items-center justify-center rounded-full text-muted-foreground opacity-0 transition-opacity hover:bg-muted hover:text-destructive focus-visible:opacity-100 focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring group-hover/message:opacity-100"
+          className="absolute left-full top-0 z-20 ml-1 h-5 w-5 rounded-full text-muted-foreground opacity-0 transition-opacity hover:text-destructive focus-visible:opacity-100 group-hover/message:opacity-100"
           onClick={onRemove}
+          size="icon-xs"
           title="Remove previews for everyone"
           type="button"
+          variant="ghost"
         >
-          <X aria-hidden="true" className="h-3.5 w-3.5" />
-        </button>
+          <X aria-hidden="true" />
+        </Button>
       ) : null}
     </div>
   );