From d6ff584835da44e9e102ef3651ef7226ce360aba Mon Sep 17 00:00:00 2001
From: Pouria Delfanazari <pdelfan@gmail.com>
Date: Tue, 23 Jul 2024 20:03:52 -0700
Subject: [PATCH] Update invalid link card removal button

---
 src/components/inputs/editor/LinkCard.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/inputs/editor/LinkCard.tsx b/src/components/inputs/editor/LinkCard.tsx
index 83088215..172a58c8 100644
--- a/src/components/inputs/editor/LinkCard.tsx
+++ b/src/components/inputs/editor/LinkCard.tsx
@@ -55,10 +55,13 @@ export default function LinkCard(props: Props) {
           </span>
         </div>
         <Button
-          className="hover:bg-skin-secondary border-skin-base text-skin-base rounded-full border px-4 py-2 text-sm font-semibold"
-          onClick={() => onRemoveLinkCard(link)}
+          className="text-skin-icon-inverted bg-skin-overlay hover:bg-skin-inverted hover:text-skin-inverted rounded-full p-1"
+          onClick={(e) => {
+            e.preventDefault();
+            onRemoveLinkCard(link);
+          }}
         >
-          Remove
+          <CgClose className="text-xl" />
         </Button>
       </div>
     );