From dd623c8a418957b9051cb5df472cd2fd688a508c Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Mon, 12 Jan 2026 11:17:12 +0000
Subject: [PATCH] Simplify NIP link styling in rich text

Remove icon and inline-flex layout from NIP links so they align
consistently with surrounding text and have the same size.
---
 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>
   );
 }