From 59e79959a652dacccb2feb75088234a65c037036 Mon Sep 17 00:00:00 2001
From: Alejandro <alejandrogomez@bitrefill.com>
Date: Mon, 12 Jan 2026 12:20:45 +0100
Subject: [PATCH] Simplify NIP link styling in rich text (#57)

Remove icon and inline-flex layout from NIP links so they align
consistently with surrounding text and have the same size.

Co-authored-by: Claude <noreply@anthropic.com>
---
 src/components/nostr/RichText/Nip.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/components/nostr/RichText/Nip.tsx b/src/components/nostr/RichText/Nip.tsx
index fb28ade..9204f22 100644
--- a/src/components/nostr/RichText/Nip.tsx
+++ b/src/components/nostr/RichText/Nip.tsx
@@ -1,4 +1,3 @@
-import { FileText } from "lucide-react";
 import type { NipNode } from "@/lib/nip-transformer";
 import { useGrimoire } from "@/core/state";
 import { getNIPInfo } from "@/lib/nip-icons";
@@ -26,11 +25,10 @@ export function Nip({ node }: NipNodeProps) {
   return (
     <button
       onClick={openNIP}
-      className="inline-flex items-center gap-0.5 text-muted-foreground underline decoration-dotted hover:text-foreground cursor-crosshair"
+      className="text-muted-foreground underline decoration-dotted hover:text-foreground cursor-crosshair"
       title={nipInfo?.description ?? `View NIP-${number} specification`}
     >
-      <FileText className="size-3" />
-      <span>{raw}</span>
+      {raw}
     </button>
   );
 }