Update invalid link card removal button

pdelfan · Jul 24, 2024 · d6ff584 · d6ff584
1 parent 2526ac4
commit d6ff584
Showing 1 changed file with 6 additions and 3 deletions.
diff --git 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>
     );